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';
                                                }
                                            }

    人生如戏,或实力或演技
  • 相关阅读:
    cdn服务器
    面向对象---特----性
    我自己总结的一些知识点--分享
    进程与线程的区别
    centos忘记root用户的密码
    svn上传时显示database is locked
    公司memcache安装方式及启动方式
    阿里云挂载快照盘
    阿里云卸载磁盘是报错
    scp
  • 原文地址:https://www.cnblogs.com/yang0902/p/5698664.html
Copyright © 2011-2022 走看看