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

ttx9n · 发表于 2007-8-18 22:43:05

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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> 
 
content 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Anthonylam · 发表于 2022-9-3 13:35:33

谢谢您的分享！

4k0mp7m · 发表于 2022-11-2 09:45:51

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

qzdhcgs · 发表于 2023-1-5 20:36:52

还有人在不。。。。。。。。。。啊

uj9lpc · 发表于 2023-4-6 22:53:45

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

r8st9 · 发表于 2023-4-23 20:28:29

还可以不错

额呵呵 · 发表于 2023-8-25 07:39:03

了乐趣了去了去了去了去了

sykzus · 发表于 2024-1-24 02:35:40

还有人在不。。。。。。。。。。啊

qwe520 · 发表于 2024-4-2 14:03:35

我要金豆金豆金豆

95nd4ba · 发表于 2024-4-22 14:05:07

好东西可以可以可以可以

账号		自动登录	找回密码
密码			立即注册

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

相关帖子