AjaxUI：滑动条

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title> new document </title> <meta name="generator" content="editplus"> <meta name="author" content=""> <meta name="keywords" content=""> <meta name="description" content=""> <meta content-type="text/html" charset="gb2312"> <style type="text/css"> 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;} </style> <div id="bg"></div> <p>滑动条，采用oo的方式来写这段代码,类、对象、方法、感觉很好，有个小bug，当鼠标在滑块外边释放时，无法停止对鼠标移动的监听，将mouseup事件绑定到document即可解决，当然代码要做一些相应的修改。mozilla下定位略微不准。可以纠正，不过就这样吧。</p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]