追问：我本来想把代码全复制上，可是复制不了，，呜呜。。。
是这样的：
比如说有一个按钮或一张图片，按钮或图片下面有一个长条，这个按钮可以自动向右边滚动，此时下面的长条在不断的显示相应的数值。也可以但拖动这个按钮时，他也可以向右滚动，下面的数值也发生相应的变化，啊？？在哪看到的，在想想吧，那是在哪一类网站上看到的呢？呜呜。。多谢了，我急用就是：在一个控制好宽度的div 里面，相当于有2快东西，第一快是个按钮或图片，第二快是个长条，在长条的上方有对应的数值，可以想象成标尺，当按钮自动动时这个数值就开始变化，比如1然后2然后3谈话4.。。
1.这个按钮或图片是自动向右滚动的，当滚动到定好的这个宽度时他还可以自动在重新滚动一次。但数值是要对应变化的。
2.可以认为的拖动这个按钮，在拖动的同时数值也是变化的。
谢谢，谢谢。。。可是这个也没有对应的数值变化。。。谢谢你了嘿嘿，谢谢你哈！答案：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> #parent {width:320px; height:20px; background:#CCC; position:relative; margin:10px auto;} #div1 {width:20px; height:20px; background:red; position:absolute; cursor:move;} #hehe {width:320px; height:20px; margin:10px auto;} </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>tuodong</title> </head> <script type="text/javascript"> //向右移动的方法 function randleft(){ var i = parseInt(document.getElementById('div1').style.left); if(isNaN(i)){ i = 0; } //到300后就重新来 if(i == 300){ i = 0; } if(i+1 > 300){ i = 300; }else{ //这个1是每次往前的距离 i += 1; } //这里控制移动的时间 var a = setTimeout(init,500); document.getElementById('div1').style.left = i+"px"; document.getElementById('hehe').innerHTML = parseInt(document.getElementById('div1').style.left); } //初始方法 function init(){ //调用移动方法 randleft(); var oDiv=document.getElementById('div1'); var oParent=document.getElementById('parent'); var disX=0; //鼠标点击时触发 oDiv.onmousedown=function (ev) { var oEvent=ev||event; disX=oEvent.clientX-oDiv.offsetLeft; //只有鼠标是点下去才能触发此移动鼠标的方法 document.onmousemove=function (ev) { //区别IE和火狐浏览器 var oEvent=ev||event; var l=oEvent.clientX-disX; if(l<0) { l=0; } else if(l>oParent.offsetWidth-oDiv.offsetWidth) { l=oParent.offsetWidth-oDiv.offsetWidth; } oDiv.style.left=l+'px'; document.getElementById('hehe').innerHTML=l; return false; }; //放开鼠标 document.onmouseup=function () { document.onmousemove=null; document.onmouseup=null; }; return false; }; }; </script> <body onload="init()"> <div id="box" style="height:400px;width:500px; position:relative;border:#F00 1px solid;margin:0 auto;"> <div id="parent"> <div id="div1"> </div> </div> <div id="hehe">0</div> </div> </body> </html>
其他：哥，啥特效啊，一段代码，也不用文字简单说下 和自定义的滚动条类似，就是没明白“下面的数值也发生相应的变化”，这个要怎么变化 我勒个去 帮顶了 代表启飞表示鸭梨不大上一个：用JS效果做到有上和下按钮点击来控制textbox中显示的是上一条或者下一条数据
下一个：请JS高手帮忙解决问题，一个焦点图代码在Google浏览器下不能正常显示
