兼容FF/IE跟随鼠标的层的效果

更新时间：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");         /*如果是第一次调用该函数level.style.left和level.style.top都为空，所以要初始化*/         if(!level.style.left)level.style.left="1px";         if(!level.style.top)level.style.top="1px";         //用setTimeout函数调用该函数时event对象不存在，只有移动事件触发时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 id="level"> content </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

兼容FF/IE跟随鼠标的层的效果

微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
这篇文章主要介绍了微信小程序实现可拖动悬浮图标(包括按钮角标的实现),本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-12-12
如何实现小程序tab栏下划线动画效果
这篇文章主要介绍了如何实现小程序tab栏下划线动画效果,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
javascript学习总结之js使用技巧
本篇文章给大家分享javascript学习总结之js使用技巧，都是精华喔～小伙伴快来学习吧。
2015-09-09
javascript实现画不相交的圆
这篇文章主要介绍了javascript实现画不相交的圆，这个也是阿里巴巴的笔试题，只不过忘记当时是不是要求必须用canvas来实现，下篇文章再写吧。
2015-04-04
JavaScript DOM实现简单留言板
这篇文章主要为大家详细介绍了JavaScript DOM实现简单留言板，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-01-01
[Web]防止用户复制页面内容和另存页面的方法
原理就是利用js控制一些复制等事件，但破解也简单，这里就不说了。
2009-02-02
微信小程序实现即时通信聊天功能的实例代码
这篇文章主要介绍了微信小程序实现即时通信聊天功能的实例代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-08-08
JavaScript中Map遍历方法代码示例
这篇文章主要给大家介绍了关于JavaScript中Map遍历方法的相关资料,Map是一组键值对的结构,具有极快的查找速度,文中通过代码介绍的非常详细,需要的朋友可以参考下
2023-11-11
一文详解Canvas实现打飞字游戏过程示例
这篇文章主要为大家介绍了Canvas实现打飞字游戏示例过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04
JavaScript实现职责链模式概述
这篇文章主要介绍了JavaScript实现职责链模式概述，详细的介绍了什么是职责链模式和实现方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-01-01

兼容FF/IE跟随鼠标的层的效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具