有简单的JavaScript滑块吗?

Unk*_*ech 43 javascript controls wmp slider

我需要为WMP对象创建自定义音量滑块.当前的滑块很难修改和使用,是否有一种简单的方法可以在HTML页面上生成滑块,将其值传递给javascript函数?

Luc*_*Luc 34

嘿,我刚刚创建了自己的JS滑块,因为我有足够的Jquery UI.有兴趣听听别人的想法.已经上了5个小时了,所以真正的早期阶段.

jsfiddle_slider


Joh*_*kin 29

jQuery UI Slider(API文档)

  • 如果没有[jquery-touch-punch](https://github.com/furf/jquery-ui-touch-punch)的附加库,在移动设备上不能很好地工作.这也与Twitter Bootstrap的`$ .fn.button`冲突,所以要小心. (5认同)

oll*_*lle 19

带有Webforms 2的HTML 5提供了一个<input type="range">使浏览器为您生成本机滑块的功能.不幸的是,所有浏览器都不支持此功能,但google已经使用js实现了所有Webforms 2控件.IIRC js足够智能,可以知道浏览器是否已实现控件,并且仅在没有本机实现时触发.

从我的观点来看,尽可能使用浏览器本机控件应该被视为最佳实践.


Ste*_*and 17

一个简单的滑块:我刚用纯HTML5测试了,它就这么简单!

<input type="range">
Run Code Online (Sandbox Code Playgroud)

它就像Chrome上的魅力一样.我还没有测试过其他浏览器.

  • 我认为您应该在 html 文件中编写 `&lt;input type="range"&gt;`,并在接受 HTML5 的浏览器中浏览该文件。你会看到一个简单的滑块。 (2认同)

tre*_*nik 5

这是另一个轻量级JavaScript滑块,似乎符合您的需求.