hi,dear all ,向你们问个问题:已经用css+html写好如下滑块,怎么用js实现滑动效果?
tks~JavaScript滑块
tks~JavaScript滑块
解决方案 »
- 求解一个问题
- Jqgrid 如何自助换皮肤
- activex控件问题.
- 在线等候,如何判断是哪个超级链接,谢谢
- JS如何实现改变一张图片中热点区域的边框的颜色!请高手赐教!
- js操作word表格的autoFitBehavior(Behavior)方法遇到问题
- 正则表达式高手进来看!!!帮帮忙
- JavaScript大人进:怎么能够实现像CSDN这样的点击左边框架的一个链接,随之其内容在右边框架打开的效果
- 拜托!怎样控制使网页在一段时间没用,自动签退,并在签退前扑捉到此事件,进行一些处理。
- 打开新窗口的问题,有点难度哦
- Div被Object标签里的插件绘的图层给遮了,跪求各位老师指导,拯救一条绳命吧
- 一个简单jq动画效果,老是有问题
hi,xiaofanku,我是想,当鼠标按住蓝色滑块上下移动时,滑块上下移动~~
1.鼠标按下时(mousedown),将当前的滑块位置(css中top的值)和鼠标位置(在屏幕上的纵坐标位置pageY)记录下来,同时给滑块绑定鼠标移动事件函数;
2.鼠标移动时(mousemove),随着移动事件的发生,绑定的移动函数会不断的执行(每次具体执行过程为:计算当前pageY和之前记录下的pageY的差值,然后将“差值+之前记录的top值”得到当前滑块应该在的top值,最后将top值写到滑块的样式中。),滑块因为top不断变化,上下位置也就会不断变化。
3.鼠标松开时(mouseup),取鼠标消移动函数的绑定。
你可以直接使用 jqueryui的slider
或者参看它的源代码修改成自己需要的