我正在尝试在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/