兼容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跟随鼠标的层的效果

js图片闪动特效可以控制间隔时间如几分钟闪动一下
这篇文章主要介绍一个图片闪动特效，可以控制间隔时间如几分钟闪动一下,需要的朋友不要错过
2014-08-08
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
这篇文章主要介绍了JS实现图文并茂的tab选项卡效果,涉及javascript响应鼠标事件动态修改页面元素属性的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
2016-09-09
最常见和最有用的字符串相关的方法详解
本文主要介绍了最常见和最有用的字符串相关的方法，具有一定的参考价值，下面跟着小编一起来看下吧
2017-02-02
小程序实现列表删除功能
这篇文章主要为大家详细介绍了小程序实现列表删除功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-10-10
基于canvas的二维码邀请函生成插件
本文主要介绍了基于canvas的二维码邀请函生成插件。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
js中document.getElementById(id)的具体用法
本文主要介绍了js中document.getElementById(id)的具体用法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-04-04
javascript 对象比较实现代码
js对象比较实现代码。
2009-04-04
JavaScript三大变量声明详析
这篇文章主要介绍了JavaScript三大变量声明详析,三大变量声明主要包括var、const和let，下面文章我们就围绕三者展开详细内容介绍，需要的朋友可以参考一下
2022-06-06
ECharts柱状图过多添加滚动条的步骤(亲测可用)
这篇文章主要介绍了ECharts柱状图过多添加滚动条的步骤(亲测可用),添加echarts柱状图滚动条,首先添加js用来判断当前视图要显示几个及是否显示滚动条,本文结合实例代码介绍的非常详细,需要的朋友参考下吧
2024-01-01
JS实现简单抖动效果
这篇文章给大家结束了通过js实现抖动效果，非常不错，具有参考借鉴价值，感兴趣的朋友参考下吧
2017-06-06