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;}

滑动条,采用OO的方式来写这段代码,类、对象、方法、感觉很好,有个小bug,当鼠标在滑块外边释放时,无法停止对鼠标移动的监听,将mouseup事件绑定到document即可解决,当然代码要做一些相应的修改。mozilla下定位略微不准。可以纠正,不过就这样吧。

AjaxUI:滑动条(jquery滑动条)  AjaxUI:滑动条 第1张


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
转载请说明出处
知优网 » AjaxUI:滑动条(jquery滑动条)

发表评论

您需要后才能发表评论