首页 > js文字跟随鼠标飘的效果怎么写啊?

js文字跟随鼠标飘的效果怎么写啊?

第一段文字是我鼠标所在的地方 其他的文字在这个第一段文字后面 这样的
之前写过 忘记了...

代码越少越好啊


网上一堆的你想要的代码为什么不去自己查呢?


控制文字的位置就行了啊


<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        p{
            color: red;
            position: absolute;
            top: 0px;
            left: 0px;
        }
    </style>
</head>    
<body>
    <p>123456</p>
    <p>654321</p>
</body>
<script type="text/javascript">
    var p=document.getElementsByTagName("p");       
    document.onmousemove=function(){            
        p[0].style.left=event.clientX+"px";
        p[0].style.top=event.clientY+"px";  
        for(var i=1;i<p.length;i++){                
            p[i].style.left=p[i-1].offsetLeft+"px";      
            p[i].style.top=p[i-1].offsetTop+"px";                
        }
    
    }
</script>

</html>

//是这样的效果么

【热门文章】
【热门文章】