zoukankan      html  css  js  c++  java
  • JS学习笔记

        function getPosition(ev) {
          var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
          var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
    
          return {x: ev.clientX+scrollLeft, y: ev.clientY+scrollTop}
          //返回一个json,类似数组的东西。 json还不是很熟悉。
        }
    
        document.onmousemove = function (ev) {
          var oEvent = ev||event;
          var oDiv = document.getElementById('div1');
    
          var pos = getPosition(oEvent);
          oDiv.style.left = pos.x + 'px';  
    //
    pos.x 相当于在前面的json(类似数组)里,调取了 x 这一项的值。
          oDiv.style.top = pos.y + 'px'; };
    };
        function getPosition(ev) {
          var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
          var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
    
          return {x: ev.clientX+scrollLeft, y: ev.clientY+scrollTop}
        }
    
        document.onmousemove = function (ev) {
          var oEvent = ev||event;
          var aDiv = document.getElementsByTagName('div');
          var pos = getPosition(oEvent);
          
          for (var i=aDiv.length-1; i>0; i--)  //倒着循环
          {
            aDiv[i].style.left = aDiv[i-1].offsetLeft+'px';
            // 第[i]个div的left值不断被赋值为它前一个div(即aDiv[i-1])的left值,所以这个div会跟着前一个div移动。
            aDiv[i].style.top = aDiv[i-1].offsetTop+'px';
          }
    
          aDiv[0].style.left = pos.x + 'px';
          aDiv[0].style.top = pos.y + 'px';
        };
  • 相关阅读:
    Redis服务器配置
    Spark History Server配置使用
    CentOS7.3安装Nginx
    U盘安装CentOS7的最终解决方案
    iconfont_3种引用方式
    div+css 让一个小div在另一个大div里面 垂直居中
    JavaScript数组方法
    addEventListener()和removeEventListener()
    js获取网页高度
    Linux修改命令行样式
  • 原文地址:https://www.cnblogs.com/carpenterzoe/p/10180419.html
Copyright © 2011-2022 走看看