六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 56|回复: 0

js实现拖动层,兼容IE/FireFox

[复制链接]

升级  75.33%

43

主题

43

主题

43

主题

秀才

Rank: 2

积分
163
 楼主| 发表于 2013-2-7 15:00:38 | 显示全部楼层 |阅读模式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head><body><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> <div id='pop-editor' style='width: 520px;height:430px;border:1px solid red;position: absolute;left:100px;top:200px;' onmousedown='down(event)' onmouseup='up()'>稍等哈</div> </body></html> 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表