js 获取坐标

这两天没事干写了drag,弄了好久,主要是获取鼠标坐标,因为要兼容FF,所以遇到了不少问题,备忘一下

一、js获取坐标位置

 1.1 首先是event,这个只有IE支持,FF不支持,所以如果FF里要用只能在函数上加多一个参数,例如function move(event),这样就可以在函数里面用event了

 1.2 获取坐标:event.X 和event.Y 这两个只支持IE,取出来值是相对父元素的位置

 1.3 event.pageX 和event.pageY 这两个支持FF,不支持IE,同样取出来的值也是相对父元素的。

 1.4 event.clientX 和event.clientY 支持FF,IE,不包含滚动条,所以要取具体相对浏览器的位置就得加上document.documentElement.scrollLeft

二、JQuery的东东

2.1  取某个ID的元素:$("#Frametop")

2.2  为某个ID添加方法 $("#Frametop").mousemove(move) move要添加的方法,$("#Frametop").mouseup(up)

     jquery事件的一些总结:http://www.cnblogs.com/Clingingboy/archive/2008/02/14/1068908.html

2.3 取消事件绑定 $("#Frametop").unbind()

2.4 获取和设置样式 获取:$("#Frametop").css('align'); 设置 $("#Frametop").css({'align','left'});

2.5 源代码

 

Code

 

CSS文件

Code

 

开始上班,以后要多点总结才行,嘿嘿~~

posted @ 2009-04-02 13:43  Chris Cheung  阅读(9385)  评论(0编辑  收藏  举报