jsslider滑动条怎么写 _滑动

1.如何用JS设计滑动条效果【实例代码】htmlheadmeta ; charset=gb2312title滑块条/titlestyle type=text/css#trackBar{background-color:#666666;}#trackBar_slider{border:1px solid #808080;background-color:#FFFFFF;}#trackBar1{background-color:blue;}#trackBar1_slider{border:1px solid #808080;background-color:#FFFFFF;}/style/headbodydiv id=info/divdiv id=trackBar1 /divscript type=text/javascript language=javascript//对象未创建完成之前，不能在函数之中用thisfunction setTrackBar(trackBar, min, max, barPos)//指定的div ，最小值，最大值和位置{this 。
trackBar = trackBar； //承载滑动条的对象this 。sliderIdStr = trackBar + _slider； //滑动条this 。
trackBarId = document 。getElementById(this 。
trackBar)；//获取divthis 。sliderId = null； //未创建滑动条对象this 。
min = (min=0)?min:0；//最小值不能小于0this 。max = (max=min)?max:min；//最大值必须大于最小值this 。
barPos = (barPos=min barPos=max)?barPos:min；//位置必须在最大和最小之间this 。orientation = h； //设置对象和滑动条的位置this 。
trackBarWidth = 100;this 。trackBarHeight = 10this 。
sliderWidth = 10;this 。sliderHeight = 10;this 。
Create = Create; this 。draging = false;this 。
offset = 0;this 。BeforeDrag = BeforeDrag；//绑定滑动事件this 。
OnDrag = OnDrag;this 。EndDrag = EndDrag;}function Create(trackBar1)//创建滑动条的方法{this 。
trackBarId 。innerHTML = div id=\ + this 。
sliderIdStr + \ + onm ousedown=\javascript:BeforeDrag( + trackBar1 + );\ + style=\position:relative;cursor:n-resize;\/div;this 。sliderId = document 。
getElementById(this 。sliderIdStr);this 。
sliderId 。style 。
pixelTop = this 。trackBarHeight - ((this 。
trackBarHeight-this 。sliderHeight)*this 。
barPos)/(this 。max-this 。
min) - this 。sliderHeight;this 。
trackBarId 。style 。
width = this 。trackBarWidth； //设置滑动条的初始位置this 。
trackBarId 。style 。
height = this 。trackBarHeight;this 。
sliderId 。style 。
width = this 。sliderWidth;this 。
sliderId 。style 。
height = this 。sliderHeight;return true;}var curTrackBar = null；//准备拖拽function BeforeDrag(trackBar){if (event 。
button != 1)//如果不是鼠标左键，则返回{return;}document 。body 。
style 。cursor = n-resize；//鼠标的样式curTrackBar = trackBar;curTrackBar 。
draging = true;curTrackBar 。offset = curTrackBar 。
trackBarId 。style 。
pixelTop + curTrackBar 。sliderId 。
style 。pixelTop+curTrackBar 。
sliderId 。offsetHeight- event 。
clientY;}function OnDrag（) //实现拖拽的方法{if(!curTrackBar || !curTrackBar 。draging){return;}event 。
returnValue = http://www.xuexi88.com/zhishi/false;var phyPos = 0;if (curTrackBar 。orientation !== h){phyPos = curTrackBar 。
trackBarId 。style 。
pixelTop + curTrackBar 。trackBarId 。
offsetHeight - event 。clientY - curTrackBar 。
offset;if (phyPos = 0){phyPos = 0； //如果拖动到最底端}else if(phyPos = (curTrackBar 。trackBarId 。
offsetHeight-curTrackBar 。sliderId 。
offsetHeight)){phyPos = curTrackBar 。trackBarId 。
offsetHeight - curTrackBar 。sliderId 。
offsetHeight；}//改变滑动条的位置curTrackBar 。sliderId 。
style 。pixelTop = curTrackBar 。
trackBarId 。offsetHeight - phyPos - curTrackBar 。
sliderId 。offsetHeight;curTrackBar 。
barPos = parseInt(((curTrackBar 。max-curTrackBar 。
min)*phyPos/(curTrackBar 。trackBarId 。
offsetHeight-curTrackBar 。sliderId 。
offsetHeight)));}OnTrackBarTxt();}function EndDrag（)//结束拖拽{if (!curTrackBar){return;}document 。body 。
style 。cursor = default;curTrackBar 。