首页logo
  •  

jonllen

金龙,目前就职于一家软件公司,从事Java和.Net信息安全开发设计。

个人档案

jonllen
心情闪存 | 给他留言
妮称:jonllen
来自:中国. 湖南. 湘潭
简述:金龙,目前就职于一家软件公司,从事Java和.Net信息安全开发设计。
博客日历
当前位置: 首页 > JavaScript > js拖拽代码

js拖拽代码

分类:JavaScript

从51js论坛上路过时,看到别人贴的一段拖拽的JS代码,很简短就几行,除开在IE6内还有点小BUG外,在IE7、FF内均运行良好,固运用过来瞧瞧~~~

代码如下:

<script type="text/javascript">
function Move(o, e){
    
var e = window.event || e;
    
var _xy = parseInt(o.offsetTop) - e.clientY;
    
var _xx = parseInt(o.offsetLeft) - e.clientX;
    document.onmouseup 
= function(){
        
this.onmousemove = null;
    }
    
if(e.preventDefault){
        e.preventDefault();
    }
    document.onmousemove 
= function(e){
        
var e = window.event || e;
        o.style.top 
= _xy + e.clientY + "px";
        o.style.left 
= _xx + e.clientX + "px";
    }
}
</script>
标签:JavaScript
  • posted@ 2009-07-04 12:53
  • update@ 2009-11-29 16:46:20
  • 阅读(10248)
  • 评论(0)

相关文章

评论
暂无任何评论。
发表评论
*必填
回复通知我
*必填