jsslider滑动条怎么写( 三 ) _滑动

createElement(div style='position:absolute;left:0;top:0;height:16;width:11;z-index:2；'/)；//创建矩形区域var objBarTop = this 。document 。
createElement(div style='position:absolute;left:0;top:0;height:10;width:11;font-size:1px;border-top:solid 1px #999999;border-right:solid 1px #666666;border-left:solid 1px #cccccc;z-index:2;background:#cccccc;');objBarTop = objBarContainsDiv 。appendChild(objBarTop);var objPointDiv;var iScale = 0;for(var i=0;i6;i++){ //创建红色标识区域，用来指向刻度objPointDiv = this 。
document 。createElement(div style='position:absolute;background:red;font-size:1px;z-index:2;border-right:solid 1px #990000;');iScale = i + 1;with(objPointDiv){style 。
left = iScale;style 。top = parseInt(objBarTop 。
style 。pixelHeight) + (iScale - 1);if((parseInt(objBarTop 。
style 。pixelWidth) - 2*iScale)0){break;}style 。
width = parseInt(objBarTop 。style 。
pixelWidth) - 2*iScale;}objPointDiv = objBarContainsDiv 。appendChild(objPointDiv);}return objBarContainsDiv;}function setPos（){ //单击滑动条时，设置滑动条位置trackBeforeMove();trackLevel 。
innerText = Math 。round(parseInt(objTrackBar 。
style 。left)*100/vaildLength） + %；//显示刻度数}function trackBarBeforeMove（){//移动滑动条前的准备vLeft = window 。
event 。x - objTrackBar 。
style 。pixelLeft;objTrackBar 。
style 。background = #dddddd；//背景objTrackBar 。
setCapture（)； //鼠标objTrackBar 。attachEvent(onmousemove, trackBeforeMove)； //动态添加移动事件}function trackBeforeMove（){//滑块移动中var leftPoint;var pointDividLength;var vMousePositionX;if((event 。
x - objContainsDiv 。offsetLeft - 8) vaildLength || event 。
xobjContainsDiv 。offsetLeft) return;vMousePositionX = parseInt(event 。
x) - objContainsDiv 。offsetLeft;leftPoint = Math 。
floor(vMousePositionX/scaleLenth)；//左边最近的点序号pointDividLength = leftPoint*scaleLenth + scaleLenth/2;window 。status = leftPoint: + leftPoint + [vMousePositionX: + vMousePositionX + pointDividLength: + pointDividLength + ];if(vMousePositionX pointDividLength){ //粘连到左边点objTrackBar 。
style 。left = leftPoint*scaleLenth;}if(vMousePositionX pointDividLength){ //粘连到右边点objTrackBar 。
style 。left = (leftPoint+1)*scaleLenth;}if(parseInt(objTrackBar 。
style 。left)vaildLength）{//移到了右边界objTrackBar 。
style 。left = vaildLength;}if(parseInt(objTrackBar 。
style 。left)0）{ //移到了左边界objTrackBar 。
style 。left = 0;}trackLevel 。
innerText = Math 。round(parseInt(objTrackBar 。
style 。left)*100/vaildLength) + %;}function trackBeforeMouseup（){ //滑动结束，解除绑定if(parseInt(trackLevel 。
innerText 。replace(%,))100){objTrackBar 。
style 。left = vaildLength;trackLevel 。
innerText = 100%；//不能超出最大刻度100}else if(parseInt(trackLevel 。innerText 。
replace(%,))0){objTrackBar 。style 。
left = 0;trackLevel 。innerText = 0%；//不能小于最大刻度0}objTrackBar 。
detachEvent(onmousemove, trackBeforeMove)；//撤销事件绑定objTrackBar 。style 。
background = #cccccc； //改变背景色objTrackBar 。releaseCapture（)； //释放鼠标}/script/HEADBODY onl oad=contentLoad()div id=trackDiv style=position:absolute;left:100;top:50;border:solid 0px #cccccc;width:700;height:23;background:#dddddd;hr id=trackDegree size=1 color=#cccccc。
4.slider.css一般写啥内容概述编辑
slider控件是有滑块与滑动条组成。使用Slider控件，可以计算出滑块在滑动工程中占整个滑动条的比例。如果滑动条的整体长度为100 ，则滑动的范围就是0-100 。
按照展示方式，滑动条可以分为两种：
一种是为水平滑动条（HorizontalSlider）