我正在尝试在jquery中构建一个滑块,如下图所示。当用户滑动滑块时,标记上的值会更新,以百分比形式指示滑块的位置。滑块现在位于20%/ 80%的标记处。 20%区域具有较深的颜色,该颜色随着用户向右滑动滑块而增加,而随着用户向左滑动而减小。

这是我到目前为止所管理的。
http://dl.dropbox.com/u/1805626/splitter.html

感谢任何帮助。

最佳答案

添加此绑定:

$('#splitter').bind('drag',function(){
    $('#split-amount').css('width', $(this).position().left +Math.floor($(this).width() / 2) + 'px');
});


并添加以下CSS:

#split-amount {background-color: #333; height:80px; width:0;}


演示:http://jsfiddle.net/AlienWebguy/7mWw7/

关于jquery - 带有标记的jQuery滑块指示拆分,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7290082/

10-12 12:31
查看更多