有一個簡單的JavaScript滑塊嗎？

我需要爲WMP對象創建自定義音量滑塊。當前滑塊修改起來非常複雜，並且使用有一種簡單的方法可以在HTML頁面上生成滑塊，並將其值傳遞給javascript函數？有一個簡單的JavaScript滑塊嗎？

2008-10-06 UnkwnTech

使用HTML5，可以聲明原生滑塊並使用CSS樣式。 ``試試吧！ – 2012-06-25 18:52:30

但不幸的是在Firefox中不起作用:( – cprcrack 2012-10-25 17:22:29

** HERE !!!!!!!!!!!! ** - http://stackoverflow.com/questions/22904852/html-scroll-box-with -horizontal-controls-for-vertical-scrolling/ – 2014-06-11 17:06:01

jQuery UI Slider（API docs）

來源

2008-10-06 02:24:26

script.aculo.us有slider control，可能是值得一試。

來源

2008-10-06 03:02:12 pkaeding

輕量級MooTools的框架有一個：http://demos.mootools.net/Slider

來源

2008-10-06 03:40:55

Yahoo UI library也有一slider control ...

來源

2008-10-06 10:38:46

HTML 5與Webforms 2提供<input type="range">這將使瀏覽器爲你生成一個本地滑塊。不幸的是，所有的瀏覽器都不支持這個功能，但是已經使用js實現了所有的Webforms 2控件。 IIRC js足夠智能，可以知道瀏覽器是否實現了控件，只有在沒有本地實現的情況下才會觸發。

從我的角度來看，儘可能使用瀏覽器原生控件應該被認爲是最佳實踐。

來源

2008-10-06 11:07:24 olle

下面是簡單的一個簡單的滑塊對象使用

pagecolumn_webparts_sliders

來源

2009-12-11 14:53:00 unigg

的滑塊的Carpe有新版本也：
V1.5 carpe_ambiprospect_slider V2.0B ...滑塊/匯票/ V2。 0/

來源

2010-03-30 17:03:08 Tom

這是另一種燈JavaScript Slider，似乎適合您的需求。

來源

2010-04-07 22:46:39 treznik

jQuery和雅虎可能是標準的，但我最近發現Dragdealer這看起來是非常輕便，簡單的設置，並重新皮膚...

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

來源

2011-07-13 00:51:25 timothyclifford

我建議從滑塊長絲組，它具有

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

來源

2011-11-02 05:31:26 Farm

嘿，我剛剛創建了自己的JS滑塊，因爲我受夠了沉重的jQuery UI的一個很好的用戶體驗。有興趣聽到人們的想法。已經上了5個小時，所以真的很早。

jsfiddle_slider

來源

2011-12-05 12:38:28 Luc

-1

下面的代碼應該足以讓你開始。經Opera，IE和Chrome測試。

<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>

來源

2012-04-30 21:51:13 Martin

有一個很好的JavaScript滑塊，它很容易實現。你可以在這裏下載壓縮包：http://ruwix.com/javascript-volume-slider-control/

p.s.這裏的簡化上面的腳本的版本：

enter image description here