有一个简单的JavaScript滑块吗?

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

jQuery UI滑块 ( API文档 )

嘿,我刚刚创build了自己的JS滑块,因为我有足够的沉重的JQuery UI。 有兴趣听到人们的想法。 已经上了5个小时,所以真的很早。

jsfiddle_slider

带有Webforms 2的 HTML 5提供了一个<input type="range"> ,这将使浏览器为你生成一个本地滑块。 不幸的是,所有的浏览器都不支持这个function,但是谷歌已经用js实现了所有的Webforms 2控件。 IIRC js足够聪明,知道浏览器是否实现了控制,只有在没有本地实现的情况下才触发。

从我的angular度来看,尽可能使用浏览器原生控件应该被认为是最佳实践。

一个简单的滑块:我刚刚在纯HTML5中testing过, 它非常简单

 <input type="range"> 

它在Chrome上像一个魅力。 我还没有testing过其他浏览器。

jQuery和雅虎可能是标准,但我最近发现Dragdealer看起来是非常轻量级,简单的安装和重新皮肤…

http://code.ovidiu.ch/dragdealer/

这是另一个轻的JavaScript滑块 ,似乎适合您的需求。

雅虎UI库也有一个滑块控件 …

script.aculo.us有一个滑块控件 ,可能值得一试。

轻量级的MooTools框架有一个: http : //demos.mootools.net/Slider

有一个很好的JavaScript滑块,它很容易实现。 你可以在这里下载zip包: http : //ruwix.com/javascript-volume-slider-control/

ps这里是上面的脚本的简化版本:

在这里输入图像说明

DEMO链接

Carpe Slider也有更新的版本:
v1.5 carpe_ambiprospect_slider v2.0b … slider / drafts / v2.0 /

这是一个简单的滑块对象易于使用

pagecolumn_webparts_sliders

下面的代码应该足以让你开始。 经Opera,IE和Chrometesting。

 <script> var l=0; function f(i){ im = 'i' + l; d=document.all[im]; d.height=99; document.all.f1.t1.value=i; im = 'i' + i; d=document.all[im]; d.height=1; l=i; } </script> <center> <form id='f1'> <input type=text value=0 id='t1'> </form> <script> for (i=0;i<=50;i++) { s = "<img src='j.jpg' height=99 width=9 onMouseOver='f(" + i + ")' id='i" + i + "'>"; document.write(s); } </script>