對google個性主頁的拖拽效果的js的完整注釋[轉]

2024-09-06 12:42:43

字體：大中小

來源：轉載

供稿：網友

作者：Tin
出處：http://www.blogjava.net/iamtin/archive/2006/04/27/43668.html
代碼：http://www.blogjava.net/Files/iamtin/google_drag.rar
代碼如下:
// 工具類，使用Util的命名空間，方便管理
var  Util  =   new  Object();
// 獲取http header里面的UserAgent，瀏覽器信息
Util.getUserAgent  =  navigator.userAgent;
// 是否是Gecko核心的Browser，比如Mozila、Firefox
Util.isGecko  =  Util.getUserAgent.indexOf( " Gecko " )  !=   - 1 ;
// 是否是Opera
Util.isOpera  =  Util.getUserAgent.indexOf( " Opera " )  !=   - 1 ;
// 獲取一個element的offset信息，其實就是相對于Body的padding以內的絕對坐標
// 后面一個參數如果是true則獲取offsetLeft，false則是offsetTop
// 關于offset、style、client等坐標的定義參考dindin的這個帖子：http://www.jroller.com/page/dindin/?anchor=pro_javascript_12
Util.getOffset  =   function  (el, isLeft) {
     var  retValue  =   0 ;
     while  (el  !=   null ) {
        retValue  +=  el[ " offset "   +  (isLeft  ?   " Left "  :  " Top " )];
        el  =  el.offsetParent;
    }
     return  retValue;
};
// 將一個function（參數中的funcName是這個fuction的名字）綁定到一個element上，并且以這個element的上下文運行，其實是一種繼承，這個可以google些文章看看
Util.bindFunction  =   function  (el, fucName) {
     return   function  () {
         return  el[fucName].apply(el, arguments);
    };
};
// 重新計算所有的可以拖拽的element的坐標，對同一個column下面的可拖拽圖層重新計算它們的高度而得出新的坐標，防止遮疊
// 計算出來的坐標記錄在pagePosLeft和pagePosTop兩個屬性里面
Util.re_calcOff  =   function  (el) {
     for  ( var  i  =   0 ; i  <  Util.dragArray.length; i ++ ) {
         var  ele  =  Util.dragArray[i];

上一篇：收集的網上用的ajax之chat.js文件

下一篇：如何解決attachEvent函數時，this指向被綁定的元素的問題？