首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 跨浏览器开发 >

做了一个拖动div的效果,火狐不兼容,求大家帮忙!该怎么解决

2012-02-29 
做了一个拖动div的效果,火狐不兼容,求大家帮忙!!我用了JQueryHTML code!DOCTYPE html PUBLIC -//W3C//DT

做了一个拖动div的效果,火狐不兼容,求大家帮忙!!
我用了JQuery

HTML code
<!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=utf-8" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script><script type="text/javascript">  var X,Y;    //div的起始位置  var sx,sy;  //光标开始的位置  function move(e){      $('#box').offset({top:(Y+(e.pageY-sy)),left:(X+(e.pageX-sx))});  }$(document).ready(function(){  $("div").mousedown(function(e){    var b=$(this).offset();    X=b.left;    Y=b.top;    sx=e.pageX;    sy=e.pageY;    $(document).mousemove(move);  });  $("div").mouseup(function(){        X= $('#box').offset().left;        Y= $('#box').offset().top;        //$('p').text("X = "+X+" | Y="+Y);        $(document).unbind("mousemove",move);                      });});</script><title>test</title></head><body>    <div style="background-color:#999;width:200px;height:200px;" id="box"> </div>    <p></p></body></html>


[解决办法]
不要自已写了,上网搜一个有很多兼容的。知道有这么一个功能就行了。
我很少自已写CODE
[解决办法]
探讨
不要自已写了,上网搜一个有很多兼容的。知道有这么一个功能就行了。
我很少自已写CODE

[解决办法]
探讨
引用:
不要自已写了,上网搜一个有很多兼容的。知道有这么一个功能就行了。
我很少自已写CODE

不写代码后面的东西你们怎么维护的?出了问题怎么查找问题?修复问题?

[解决办法]
http://blog.csdn.net/bkq421511585/article/details/7197893

http://blog.csdn.net/bkq421511585/article/details/7197725


授之以鱼,不如授之以渔

自己看看 貌似能学到点 

热点排行