有一个简单的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看起来是非常轻量级,简单的安装和重新皮肤…
这是另一个轻的JavaScript滑块 ,似乎适合您的需求。
雅虎UI库也有一个滑块控件 …
script.aculo.us有一个滑块控件 ,可能值得一试。
轻量级的MooTools框架有一个: http : //demos.mootools.net/Slider
我推荐Filament Group的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>