武道至尊帝临小说,天下高月小说,欢乐颂第一季

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>范圍內拖動效果</title> <style> /* 絕對定位 */ #dragger1{ width:100px; height:100px; background:#bbb; position:absolute; left:0px; top:0px; cursor:move; } .border{ border:1px solid #ccc; width:600px; height:600px; position:relative; margin:100px auto; } </style> </head> <body unselectable="on" onselectstart="return false;" style="-moz-user-select:none;"> <div id="0kkqlfz" class="border" id="bor"> <div class="0kkqlfz" id='dragger1'>可以在范圍內拖動</div> </div> <script> var _$ = function(id){ return document.getElementById(id); } function bindEvent(node,eventType,callback){ if(node.attachEvent){ if(eventType.indexOf('on')){eventType = 'on' + eventType} node.attachEvent(eventType,callback); } else{ if(!eventType.indexOf('on')){ eventType = eventType.substring(2,eventType.length) } node.addEventListener(eventType,callback,false); } return callback; } function removeEvent(node,eventType,callback){ if(node.detachEvent){ if(eventType.indexOf('on')){eventType = 'on' + eventType} node.detachEvent(eventType,callback); } else{ if(!eventType.indexOf('on')){ eventType = eventType.substring(2,eventType.length); } node.removeEventListener(eventType,callback,false); } } //創建接口 function __drag__(dragger){ var drag = bindEvent(dragger,'onmousedown',function(e){ e = e || event; var mouseX = e.clientX || e.pageX; var mouseY = e.clientY || e.pageY; var objStyle = dragger.currentStyle || window.getComputedStyle(dragger,null); var objX = parseInt(objStyle.left) || 0; var objY = parseInt(objStyle.top) || 0; var limitX = mouseX - objX ; var limitY = mouseY - objY ; if(!dragger.onDrag){ dragger.onDrag = bindEvent(document,'onmousemove',function(e){ e = e || event; dragger.style.left = (e.clientX || e.pageX) - limitX + 'px'; dragger.style.top = (e.clientY || e.pageY) - limitY + 'px'; if(parseInt(dragger.style.left)<0){ dragger.style.left=0+"px"; } if(parseInt(dragger.style.left)>500){ dragger.style.left=500+"px"; } if(parseInt(dragger.style.top)>500){ dragger.style.top=500+"px"; } if(parseInt(dragger.style.top)<0){ dragger.style.top=0+"px"; } }); dragger.onDragEnd = bindEvent(document,'onmouseup',function(){ removeEvent(document,'onmousemove',dragger.onDrag); removeEvent(document,'onmouseup',dragger.onDragEnd); try{ delete dragger.onDrag; delete dragger.onDragEnd; }catch(e){ dragger.removeAttribute('onDrag'); dragger.removeAttribute('onDragEnd'); } }) } }) } __drag__(_$("dragger1"))(); </script> </body> </html>

欧美成人69-欧美成人aaaa免费高清-欧美成人aaa大片-欧美成人xxxx-大杳蕉伊人狼人久久一本线-大又大粗又爽又黄少妇毛片