zoukankan      html  css  js  c++  java
  • 一串跟着鼠标的div

    一串跟着鼠标的div:
                                window.onload=function(){
                                                var oBox=document.getElementById("box");
                                                var aDiv=oBox.getElementsByTagName('div');
                                                for(var i=0;i<20;i++){    //创建20个div;
                                                        oBox.innerHTML+='<div></div>';
                                                }
                                                document.onmousemove=function(ev){
                                                        var e=ev||event;
                                                        for(var i=aDiv.length-1;i>0;i--){
                                                                    aDiv[i].style.left=aDiv[i-1].offsetLeft+'px';//前一个跟着后面的移动
                                                                    aDiv[i].style.top=aDiv[i-1].offsetTop+'px';
                                                        }
                                                        aDiv[0].style.left=e.clientX-aDiv[0].offsetWidth/2+'px';//第一个div跟着鼠标移动;
                                                        aDiv[0].style.top=e.clientY-aDiv[0].offsetHeight/2+'px';
                                                }
                                            }

    人生如戏,或实力或演技
  • 相关阅读:
    mobx的一个记录
    前端模块规范AMD/UMD/CommonJs
    CSS3字体大小单位的认识px/em/rem
    各浏览器之间的字号检测
    react整理一二(初入React世界)
    Node.js中实现套接字服务
    闲来无事,把node又拾起来看看
    判断类型
    html5 搜索框
    CSS 设置placeholder属性
  • 原文地址:https://www.cnblogs.com/yang0902/p/5698664.html
Copyright © 2011-2022 走看看