標籤：style blog http color io os ar java sp
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>JavaScript</title> 5 <style> 6 html 7 { 8 background-color:silver; 9 }10 .point111 {12 position:absolute;13 left:10px;14 top:40px;15 16 }17 .point218 {19 position:absolute;20 left:100px;21 top:40px;22 }23 .hr124 {25 position:absolute;26 top:60px;27 }28 </style>29 <script type="text/JavaScript">30 document.onmousedown = mousedown;31 document.onmouseup = mouseup;32 var intervalProcess;33 var direct = true;34 function mousedown(){35 intervalProcess = setInterval("MovePoint()", 1);36 }37 function mouseup(){38 clearInterval(intervalProcess);39 }40 function MovePoint(){41 with (document.getElementById("point1").style){42 if (isNaN(parseInt(left)))43 left = "10px";44 else {45 document.getElementById("point2").style.left = "200px";46 if (parseInt(left) < 0)47 direct = true;48 if (parseInt(left) > parseInt(document.getElementById("point2").style.left))49 direct = false;50 if (direct)51 left = parseInt(left) + 1 + "px";52 else53 left = parseInt(left) - 1 + "px";54 }55 }56 }57 </script>58 </head>59 <body>60 <div class="point1" id="point1"><font color=blue>a</font></div>61 <div class="point2" id="point2"><font color=red>b</font></div>62 <hr class="hr1" />63 </body>64 </html
js跑步演算法
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
