- <div id="sara_org" style="width:100px;height:100px;background:#058ccc;position:absolute"></div>
- <script type="text/javascript">
- function sDrag(id) {
- var id = id || 'sara';
- var m = document.getElementById(id);
- var flag = false;
- var sX = sY = 0;
- m.onmousedown = function(e) {
- if (e.button == 0) {
- flag = true;
- }
- sX = e.clientX - m.offsetLeft;
- sY = e.clientY - m.offsetTop;
- return false
- };
- document.onmousemove = function(e) {
- if (flag == true) {
- var x = e.clientX - sX;
- var y = e.clientY - sY;
- m.style.marginLeft = m.style.marginTop = 0;
- m.style.left = x + 'px';
- m.style.top = y + 'px';
- }
- return false;
- };
- document.onmouseup = function() {
- flag = false;
- return false;
- };
- }
- $(function() {
- sDrag('sara_org');
- })
- </script>
復(fù)制代碼
聯(lián)系客服
