兼容FF/IE跟隨鼠標(biāo)的層的效果

更新時間：2007年08月18日 22:43:05 作者：

<!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" xml:lang="en" lang="en"> <head>   <title></title>   <style type="text/css">     #level{       border: 1px solid #ccc;       background: #CCFFCC;       width:100px;height:30px;       position:absolute;     }   </style>   <script type="text/javascript">     function addEvent(elm, evType, fn, useCapture)     {           if (elm.addEventListener){             elm.addEventListener(evType, fn, useCapture);             return true;           } else if (elm.attachEvent){             var r = elm.attachEvent("on"+evType, fn);             return r;           } else {             alert("Handler could not be removed");           }     }     var x,y,t;     function doit(evt){         var event=evt||window.event;         var level=document.getElementById("level");         /*如果是第一次調(diào)用該函數(shù)level.style.left和level.style.top都為空，所以要初始化*/         if(!level.style.left)level.style.left="1px";         if(!level.style.top)level.style.top="1px";         //用setTimeout函數(shù)調(diào)用該函數(shù)時event對象不存在，只有移動事件觸發(fā)時event才存在         if(event){x=(event.x||event.pageX)};         if(event){y=(event.y||event.pageY)};         var theLeft=parseInt(level.style.left);         var theTop=parseInt(level.style.top);         if(x!=theLeft){             if(theLeft<x){                 level.style.left=(theLeft+1)+"px";             }else{                 level.style.left=(theLeft-1)+"px";             }         }         if(theTop!=y){             if(theTop<y){                 level.style.top=(theTop+1)+"px";             }else{                 level.style.top=(theTop-1)+"px";             }         }         if(x!=theLeft||y!=theTop)             setTimeout("doit()",100);     }     addEvent(document,"mousemove",doit);   </script> </head> <body> <div   class="8qxz2gn"   id="level"> content </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

兼容FF/IE跟隨鼠標(biāo)的層的效果

相關(guān)文章

微信小程序?qū)崿F(xiàn)可拖動懸浮圖標(biāo)(包括按鈕角標(biāo)的實現(xiàn))
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)可拖動懸浮圖標(biāo)(包括按鈕角標(biāo)的實現(xiàn)),本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-12-12
如何實現(xiàn)小程序tab欄下劃線動畫效果
這篇文章主要介紹了如何實現(xiàn)小程序tab欄下劃線動畫效果,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
javascript學(xué)習(xí)總結(jié)之js使用技巧
本篇文章給大家分享javascript學(xué)習(xí)總結(jié)之js使用技巧，都是精華喔～小伙伴快來學(xué)習(xí)吧。
2015-09-09
javascript實現(xiàn)畫不相交的圓
這篇文章主要介紹了javascript實現(xiàn)畫不相交的圓，這個也是阿里巴巴的筆試題，只不過忘記當(dāng)時是不是要求必須用canvas來實現(xiàn)，下篇文章再寫吧。
2015-04-04
JavaScript DOM實現(xiàn)簡單留言板
這篇文章主要為大家詳細(xì)介紹了JavaScript DOM實現(xiàn)簡單留言板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-01-01
[Web]防止用戶復(fù)制頁面內(nèi)容和另存頁面的方法
原理就是利用js控制一些復(fù)制等事件，但破解也簡單，這里就不說了。
2009-02-02
微信小程序?qū)崿F(xiàn)即時通信聊天功能的實例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)即時通信聊天功能的實例代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-08-08
JavaScript中Map遍歷方法代碼示例
這篇文章主要給大家介紹了關(guān)于JavaScript中Map遍歷方法的相關(guān)資料,Map是一組鍵值對的結(jié)構(gòu),具有極快的查找速度,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
一文詳解Canvas實現(xiàn)打飛字游戲過程示例
這篇文章主要為大家介紹了Canvas實現(xiàn)打飛字游戲示例過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
JavaScript實現(xiàn)職責(zé)鏈模式概述
這篇文章主要介紹了JavaScript實現(xiàn)職責(zé)鏈模式概述，詳細(xì)的介紹了什么是職責(zé)鏈模式和實現(xiàn)方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-01-01