跟随鼠标跳跃的数字

2024-09-05 12:17:50

字体：大中小

来源：转载

供稿：网友

又一个鼠标跟随特效，一串数字围着鼠标跳跃，当页面加载的时候由你的眼前慢慢跑向鼠标身边，然后开始激动的跳跃，感觉还行。

<title>跟随鼠标跳跃的数字</title><SCRIPT language=javascript>var cx=0;var cy=0;var val=0;function locate(){  cx=window.event.x;    cy=window.event.y;}document.onmousemove=locate;function follow(i){    var x;    if(i<4)x=cx-50+i*10;    else x=cx-25+i*10;    var y=cy-20+Math.floor(Math.random()*40);    w=eval("word"+i);    with(w.style)    {    left=x.toString()+"px";    top=y.toString()+"px";    }}function show(i){        var w=eval("word"+i);    with(w.style)    {    visibility="visible";    s=parseInt(fontSize);    if(s>=200)s-=100;    else if(s>90&&s<=100)        {        s-=85;        clearInterval(val);        if(i<5)val=setInterval("show("+(i+1)+")",20);        }        fontSize=s;    }}function start(){    for(i=1;i<=5;i++)    {    val=setInterval("show(1)",20);    setInterval("follow("+i+")",100);    }}    </SCRIPT><SCRIPT language=javascript>var word=new Array(5);word[1]="6";word[2]="3";word[3]="7";word[4]="2";for(i=1;i<=4;i++)document.write("<div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'><font face='Forte' color='#00FF00'>"+word[i]+"</font></div>");start();</SCRIPT>

上一篇：关闭网页时弹出提示信息

下一篇：不使用JS完成的CSS网页背景渐变