爱学记
您现在的位置是：首页
>
对象是类的一个实例 网页最简短的拖动对象代码实例演示
网页最简短的拖动对象代码实例演示 以前在网上看到的最简单的拖动对象的代码 忘记作者叫什么了 原始代码在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 很赞哦！ (1080)
微信收款码
支付宝收款码