Javascript实现滑块滑动改变值的实现代码

　　window.onload = function ()

　　{

　　var oWin = document.getElementById("win");

　　var bDrag = false;

　　var disX = disY = 0;

　　oWin.onmousedown = function (event)

　　{

　　var event = event || window.event;

　　bDrag = true;

　　disX = event.clientX - oWin.offsetLeft;

　　this.setCapture && this.setCapture();

　　return false

　　};

　　oWin.onmousemove = function (event)

　　{

　　if (!bDrag) return;

　　var event = event || window.event;

　　var iL = event.clientX - disX;

　　var maxL = 480;

　　iL = iL < 0 ? 0 : iL;

　　iL = iL > maxL ? maxL : iL;

　　oWin.style.marginTop = oWin.style.marginLeft = 0;

　　oWin.style.left = iL + "px"; //滑块距离左边的位置

　　document.getElementById("hkline").style.width = iL; //滑块左边绿色条目的宽度

　　return false

　　};

　　document.onmouseup = window.onblur = oWin.onlosecapture = function ()

　　{

　　bDrag = false;

　　oWin.releaseCapture && oWin.releaseCapture();

　　};

　　};