AjaxUI:滑动条
New Document body{text-align:center;font:12px Arial;} #bg{width:600px;height:20px;background:#099;margin:auto;padding:3px;text-align:left;} #drag{width:20px;height:20px;background:#0ff;} p{width:600px;text-align:left;}
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
滑动条,采用OO的方式来写这段代码,类、对象、方法、感觉很好,有个小bug,当鼠标在滑块外边释放时,无法停止对鼠标移动的监听,将mouseup事件绑定到document即可解决,当然代码要做一些相应的修改。mozilla下定位略微不准。可以纠正,不过就这样吧。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
转载请说明出处
知优网 » AjaxUI:滑动条(jquery滑动条)
知优网 » AjaxUI:滑动条(jquery滑动条)