jquery 特效3
发布网友
发布时间：2023-09-15 03:24
共3个回答
热心网友
时间：2024-12-13 03:38
首先你要取得这个滚动条的对象，怎么取得要看他代码是如何做的
然后给这个滚动条增加一个可以识别他滚动方法，比如change
在change方法里获取当前滚动条的位置，通过计算得到金额，并且显示在文本里。
主要还是要看滚动条怎么做，根据滚动条显示金额很简单。追问有没有类似的例子我看看 滚动条准备自己弄的
追答刚才没事试了一下，希望对你有帮助：
滚动条测试
#scrollbg{
margin:40px 100px;
width:500px;
height:15px;
background-color:#eee;
border:1px solid #444;
}
#scrollview{
width:0px;
height:100%;
background-color:orange;
}
#scrollbtn{
width:20px;
height:30px;
background-color:#ccc;
border:1px solid #333;
}
.hover{
background-color:cyan;
cursor:hand;
}
var flag=false;
var left ;
var right ;
$(document).ready(function(){
left = $('#scrollbg').offset().left;
right = left + $('#scrollbg').width();
var top = $('#scrollbg').offset().top-8;
$('#scrollbtn').css({'position':'absolute','left':left,'top':top});
$('#scrollbtn').mousedown(function(){
flag=true;
});
$(document).mouseup(function(){
flag=false;
});
$('#scrollbg').mouseout(function(){
flag=false;
});
});
$(document).mousemove(function(e){
if(flag){
var relativeX = e.pageX;
if(relativeXright ) relativeX = right;
$('#scrollbtn').css({'left':relativeX-10});
$('#scrollview').css({'width':(relativeX-left)});
$('p').text('OFFSET:'+Math.round((relativeX-left)/5)+'%');
}
});
热心网友
时间：2024-12-13 03:38
名字叫jquery.slider，demo地址：
http://jqueryui.com/demos/slider/#rangemin
热心网友
时间：2024-12-13 03:39
http://jqueryui.com/demos/slider/#range
