爱学记
您现在的位置是：首页 >

对象是类的一个实例 网页最简短的拖动对象代码实例演示

火烧 2021-12-16 11:54:47 1040
网页最简短的拖动对象代码实例演示 　　以前在网上看到的最简单的拖动对象的代码 忘记作者叫什么了 原始代码在IE下有些小问题 并且声明了文档类型为x 后 在FF等非IE浏览器下无效 对其进行了改进 现在
对象是类的一个实例 网页最简短的拖动对象代码实例演示

网页最简短的拖动对象代码实例演示  

　　以前在网上看到的最简单的拖动对象的代码 忘记作者叫什么了 原始代码在IE下有些小问题 并且声明了文档类型为x 后 在FF等非IE浏览器下无效 对其进行了改进 现在已经可兼容:IE Firefox Opera

<!doctype  public  //W C//DTD XHTML   Transitional//EN   transitional dtd > < xmlns=  lang= gb > <head> <title> 代码实例 拖动对象 Drag Object (兼容:IE Firefox Opera   )</title> <meta  equiv= content type  content= text/; charset=gb  /> <meta name= editor  content= 枫巖 > <meta name= keywords  content= 代码实例 拖动对象 > <meta name= description  content= 最简短的拖动对象代码实例演示 > <style> dragAble {position:relative;cursor:move;} </style> <script language= javascript > <! // Author:  Unkonw // Modify:  枫巖 var ie=document all; var nn =document getElementById&&!document all; var isdrag=false; var y x; var oDragObj; function moveMouse(e) {  if (isdrag) {  oDragObj style top  =  (nn  ? nTY + e clientY   y : nTY + event clientY   y)+ px ;  oDragObj style left  =  (nn  ? nTX + e clientX   x : nTX + event clientX   x)+ px ;  return false;  } } function initDrag(e) {  var oDragHandle = nn  ? e target : event srcElement;  var topElement =  HTML ;  while (oDragHandle tagName != topElement && oDragHandle className !=  dragAble ) {  oDragHandle = nn  ? oDragHandle parentNode : oDragHandle parentElement;  }  if (oDragHandle className== dragAble ) {  isdrag = true;  oDragObj = oDragHandle;  nTY = parseInt(oDragObj style top+ );  y = nn  ? e clientY : event clientY;  nTX = parseInt(oDragObj style left+ );  x = nn  ? e clientX : event clientX;  document onmousemove=moveMouse;  return false;  } } document onmousedown=initDrag; document onmouseup=new Function( isdrag=false ); // > </script> </head> <body> <img src= _ / / gif  class= dragAble  /> <img src= _ / / gif  class= dragAble  /> <img src= _ / / gif  class= dragAble  /><br /><br /> <div  class= dragAble >这些都是可拖动对象</div> </body> </> lishixinzhi/Article/program/Java/JSP/201311/19506  
很赞哦！ (1040)

相关文章

永远跟党走
  • 注册

  • 如果你觉得本站很棒，可以通过扫码支付打赏哦！

    • 微信收款码
    • 支付宝收款码