实现滑块滑动值的Javaｓｃｒｉｐｔ实现代码

最近我们做了一个税务功能，值得一提的是这个页面的滑块实现，大家都知道现实中的大部分程序员都不熟悉页面和艺术家。

我也是，但是我更喜欢自己做：
实施结果：
js代码的一部分：
复制代码代码如下所示：
在window.onload =功能（）
{
VaR技术= document.getelementbyid（胜利）；
无功bdrag = false；
VaR disx = Disy = 0；
owin.onmousedown =函数（事件）
{
var =事件| | window.event事件；
bdrag =真；
event.clientx - owin.offsetleft disx =；
this.setcapture this.setcapture（）；
返回false
}；
owin.onmousemove =函数（事件）
{
如果（！BDrag) return;
var =事件| | window.event事件；
VaR IL = event.clientx - disx；
VaR最大值= 480；
IL＝IL 00：IL；
IL IL >最大值最大值：IL =；
owin.style.margintop = owin.style.marginleft = 0；
owin.style.left = IL + PX； / /距离滑块左侧的位置
document.getelementbyid（hkline）。Style.width = IL； / /左边的绿色滑块的宽度
返回false
}；
document.onmouseup = window.onblur = owin.onlosecapture =功能（）
{
bdrag = false；
owin.releasecapture owin.releasecapture（）；
}；
}；

解释uff1a
1，在阻力位置主要onmousedown和鼠标移动时的记录。那么相应的组件的渲染是通过DOM操作改变
备注：uff1a
因为公司网络不是很理想，回家后所有的源码都会上传。