首页 > 其他 > 详细

一串跟着鼠标的div

时间:2016-07-23 15:13:11      阅读:242      评论:0      收藏:0      [点我收藏+]

一串跟着鼠标的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‘;
                                            }
                                        }

一串跟着鼠标的div

原文:http://www.cnblogs.com/yang0902/p/5698664.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!