教程集 > 脚本编程 > javascript > 正文 js实现拖动层，兼容IEFireFox

js实现拖动层，兼容IEFireFox

发布时间：2017-04-08 编辑：jiaochengji.com

教程集为您提供js实现拖动层，兼容IEFireFox等资源，欢迎您收藏本站，我们将为您提供最新的js实现拖动层，兼容IEFireFox资源

js实现拖动层，兼容IEFireFoxjs实现拖动层，兼容IEFireFoxjs实现拖动层，兼容IEFireFoxjs实现拖动层，兼容IEFireFoxjs实现拖动层，兼容IEFireFoxjs实现拖动层，兼容IEFireFoxjs实现拖动层，兼容IEFireFox

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" >js实现拖动层，兼容IEFireFox <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <title> js实现拖动层，兼容IEFireFox </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script> var posX; var posY; var popDiv; var dragable; function down(e){ popDiv = document.getElementById("pop-editor"); e = e || window.event; //如果是IE posX = e.clientX - parseInt(popDiv.style.left); posY = e.clientY - parseInt(popDiv.style.top); dragable = true; document.onmousemove = move; } function move(ev){ if(dragable == true){ ev = ev || window.event;//如果是IE popDiv.style.left = (ev.clientX - posX) "px"; popDiv.style.top = (ev.clientY - posY) "px"; } } function up(){ dragable = false; } </script> </head> <body>

asdfdsf

</body> </html> </textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js实现拖动层，兼容IEFireFox
兼容IE与Firefox div层拖动实现代码
 jquery div拖拽效果(兼容浏览器)
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
关于PHP jQuery-ui拖动浮动层排序并保存到数据库实例
 HTML5 高级教程--拖放 API 实现拖放排序
 拖放 API 实现拖放排序
 jQuery EasyDrag实现DIV拖动
 JQuery之拖拽插件实现代码
 Javascript 拖动效果兼容火狐

上一篇：javascript flash新浪新闻频道图片幻灯切换效果下一篇：密码强度检测

[关闭]

js实现拖动层，兼容IEFireFox

最近更新

浏览排行