<! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN"> <HTML> <HEAD> <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; backgro Und: #099; margin: auto; padding: 3px; text-align: left;} # drag {width: 20px; height: 20px; background: # 0ff ;} p {width: 600px; text-align: left ;}</style> </HEAD> <BODY> <p> slider, which uses the OO method to write this code, class, object, method, feeling good, there is a small bug, when the mouse is released outside the slider, You can not stop listening to the mouse movement, bind the mouseup event to the document to solve, of course, the Code must be modified accordingly. The location under mozilla is slightly inaccurate. Yes, but that's it. </P> </BODY> </HTML>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]