html{overflow:hidden;}body{position:absolut"> html{overflow:hidden;}body{position:absolut" />
简单的网页鼠标跟随代码

简单的网页鼠标跟随代码

ID:38068714

大小:29.00 KB

页数:3页

时间:2019-05-25

简单的网页鼠标跟随代码_第1页
简单的网页鼠标跟随代码_第2页
简单的网页鼠标跟随代码_第3页
资源描述:

《简单的网页鼠标跟随代码》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、放入标签中就OKhtml{overflow:hidden;}body{position:absolute;height:100%;width:100%;margin:0;padding:0;}#screen{background:#000;position:absolute;width:100%;height:100%;}#screenspan{background:#f

2、ff;font-size:0;overflow:hidden;width:2px;height:2px;}varFollow=function(){var$=function(i){returndocument.getElementById(i)},addEvent=function(o,e,f){o.addEventListener?o.addEventListener(e,f,false):o.attachEvent('on'+

3、e,function(){f.call(o)})},OBJ=[],sp,rs,N=0,m;varinit=function(id,config){this.config=config

4、

5、{};this.obj=$(id);sp=this.config.speed

6、

7、4;rs=this.config.animR

8、

9、1;m={x:$(id).offsetWidth*.5,y:$(id).offsetHeight*.5};this.setXY();this.start();}init.prototype={set

10、XY:function(){var_this=this;addEvent(this.obj,'mousemove',function(e){e=e

11、

12、window.event;m.x=e.clientX;m.y=e.clientY;})},start:function(){vark=180/Math.PI,OO,o,_this=this,fn=this.config.fn;OBJ[N++]=OO=newCObj(null,0,0);for(vari=0;i<360;i+=20){varO=OO;for(va

13、rj=10;j<35;j+=1){varx=fn(i,j).x,y=fn(i,j).y;OBJ[N++]=o=newCObj(O,x,y);O=o;}}setInterval(function(){for(vari=0;i

14、css.left="-1000px";this.css.zIndex=1000-N;document.getElementById("screen").appendChild(obj);this.ddx=0;this.ddy=0;this.PX=0;this.PY=0;this.x=0;this.y=0;this.x0=0;this.y0=0;this.cx=cx;this.cy=cy;this.parent=p;}CObj.prototype.run=function(){if(!this.parent)

15、{this.x0=m.x;this.y0=m.y;}else{this.x0=this.parent.x;this.y0=this.parent.y;}this.x=this.PX+=(this.ddx+=((this.x0-this.PX-this.ddx)+this.cx)/rs)/sp;this.y=this.PY+=(this.ddy+=((this.y0-this.PY-this.ddy)+this.cy)/rs)/sp;this.css.left=Math.round(this.x)+'px';

16、this.css.top=Math.round(this.y)+'px';}returninit;}();

newFollow('screen',{speed:4,animR:2,fn:function(i,j){return{x:j/4*Math.cos(i),y:j/4*Mat

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。