<div class="codetitle"> <span><a style="CURSOR: pointer" data="25138" class="copybut" id="copybut25138" onclick="doCopy('code25138')"><u>复代码码</u></a></span> 代码如下:</div> <div class="codebody" id="code25138"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 전환//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3.org/1999/xhtml"> <br><머리> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br><title>匀速运动演示</title> <br><style type="text/css"> <br><!-- <br><br>#div1 {너비:1px;높이:200px;배경색: 검정;위치:절대;왼쪽:100px;상단:70px;부동:왼쪽} <BR> #div1 범위 {위치:절대;상단:-15px} <BR>#div2 {폭:1px;높이:200px;배경-색상:midnightblue;위치:절대;왼쪽:800px;상단:70px;부동: 왼쪽} <BR>#div2 범위 {위치:절대;위:-15px} <BR>#div3 {폭:1px;높이:200px;배경-색상:fuchsia;위치:절대;왼쪽:300px;위:70px;부동: 왼쪽 } <BR>#div3 범위 {위치:absolute;top:-15px} <BR>#div4 {width:1px;height:200px; background-color:darkmagenta;position:absolute;left:500px;top:70px;float : 왼쪽} <BR>#div4 범위 {위치:절대;위:-15px} <BR>#grap {너비:200px;높이:200px;배경:빨간색;위치:절대;왼쪽:300px;위:74px;플로트 : 왼쪽;} <BR>입력 {너비:100px;여백-왼쪽: 90px;} <BR>--> <br></style> <br><script type="text/javascript"> <br>var timeId <br>function startMove(target){ <br>var oDiv=document.getElementById('grap') <br>clearInterval(timeId); //이 방법을 사용하여 더 많은 정보를 얻을 수 있습니다. 더 많은 정보를 얻을 수 있습니다. <br>speed=oDiv.offsetLeft<target?8:-9; <BR>timeId=setInterval(function(){ <BR>if(Math.abs(oDiv.offsetLeft-target)<=6){ <BR>oDiv.style.left=target 'px'; //형식 | 🎜>} <BR>그밖에{ <BR>oDiv.style.left=oDiv.offset왼쪽 속도 'px' <BR>} <BR>},30); <BR>} <BR></script> <br></head> <br><본문> <br><div id="div1"><span>100px</span></div> <br><div id="div2"><span>800px</span></div> <br><div id="div3"><span>300px</span></div> <br><div id="div4"><span>500px</span></div> <br><input type="button" value="移动到100px处" onclick="startMove(100)"/> <br><input type="button" value="移动到300px处" onclick="startMove(300)"/> <br><input type="button" value="移动到500px处" onclick="startMove(500)"/> <br><input type="button" value="移动到800px处" onclick="startMove(800)"/> <br><div id="grap" ></div> <br><br></body> <br></html> <br><br> </div>
