標籤：rtm char body osi absolute set -- ack class
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>滑鼠控制DIV移動</title> <script type="text/javascript"> var _IsMousedown = 0; var _ClickLeft = 0; var _ClickTop = 0; function moveInit(evt) { _IsMousedown = 1; var obj = getObjById(‘moveDiv‘); _ClickLeft = evt.clientX-obj.offsetLeft; _ClickTop = evt.clientY-obj.offsetTop; } function startMove(evt) { if(_IsMousedown == 0){ return; } var obj = getObjById(‘moveDiv‘); obj.style.left = evt.clientX - _ClickLeft; obj.style.top = evt.clientY - _ClickTop; } function stopMove() { _IsMousedown = 0; } function getObjById(id) { return document.getElementById(id); } </script> <style type="text/css" rel="stylesheet"> #movediv { width: 100px; height: 100px; position: absolute; border: 1px solid #000; background: #EAEAEA; } </style> </head> <body> <div id="moveDiv" style="left:20px;top:20px;" onmousedown="moveInit(event);" onmousemove="startMove(event)" onmouseup="stopMove()" onmouseout="stopMove()"> </div> </body></html>
html--滑鼠控制DIV移動
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
