zoukankan      html  css  js  c++  java
  • 鼠标跟随

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
            div{
                height: 5px;
                width: 5px;
                background: red;
                position: absolute;
    
            }
        </style>
        <script>
            function getPos (ev)
            {
                var scrollTop = document.documentElement.srollTop||document.body.scrollTop;
                var scrollLeft = document.documentElement.scrollLeft||document.body.scrollLeft;
                return{x:ev.clientX+scrollLeft+'px',y:ev.clientY+scrollTop+'px'}
    
            }
            document.onmousemove = function (ev){
                var oDiv = document.getElementsByTagName('div');
                var oEvent = ev||event;
    
                for(var i=oDiv.length-1;i>0;i--)
                {
                    oDiv[i].style.left = oDiv[i-1].offsetLeft+'px';
                    oDiv[i].style.top = oDiv[i-1].offsetTop+'px';
                }
                oDiv[0].style.left = getPos(oEvent).x;
                oDiv[0].style.top = getPos(oEvent).y;
            };
    
        </script>
    </head>
    <body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    </body>
    </html>

    有点小疑问,不知道oDiv[0]为什么放在for循环前后都没有问题。求指导!!

  • 相关阅读:
    iOS8中用UIVisualEffectView实现高斯模糊视图(毛玻璃效果)
    IOS推荐学习网站
    Xcode因为证书问题经常报的那些错
    bug集合令
    html5的标签
    CSS小总结
    JS中的闭包
    前端之路宣告式
    linux安装mysql数据库
    yarn环境搭建
  • 原文地址:https://www.cnblogs.com/zhuni/p/4785930.html
Copyright © 2011-2022 走看看