跟随鼠标的几个星星,不是很夸张,还可以用用

    技术2022-05-11  147

    脚本说明:第一步:把如下代码加入<body>区域中<STYLE TYPE="text/css"><!--

    BODY{overflow:scroll;overflow-x:hidden;}

    .s1{  position  : absolute;  font-size : 12pt;  color     : blue;  visibility: hidden;}

    .s2{  position  : absolute;  font-size : 20pt;  color     : red; visibility : hidden;}

    .s3{  position  : absolute;  font-size : 16pt;  color     : gold; visibility : hidden;}

    .s4{  position  : absolute;  font-size : 14pt;  color     : lime; visibility : hidden;}--></STYLE>

    第二步:把如下代码加入<body>区域中<DIV ID="div1" CLASS="s1">*</DIV><DIV ID="div2" CLASS="s2">*</DIV><DIV ID="div3" CLASS="s3">*</DIV><DIV ID="div4" CLASS="s4">*</DIV>

    <script language="javascript" type="text/javascript" class="s5">

    var nav = (document.layers);var tmr = null;var spd = 50;var x = 0;var x_offset = 5;var y = 0;var y_offset = 15;

    if(nav) document.captureEvents(Event.MOUSEMOVE);document.onmousemove = get_mouse;

    function get_mouse(e){      x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;  y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;  x += x_offset;  y += y_offset;  beam(1);     }

    function beam(n){  if(n<5)  {    if(nav)    {       eval("document.div"+n+".top="+y);      eval("document.div"+n+".left="+x);      eval("document.div"+n+".visibility='visible'");    }      else    {      eval("div"+n+".style.top="+y);      eval("div"+n+".style.left="+x);      eval("div"+n+".style.visibility='visible'");    }    n++;    tmr=setTimeout("beam("+n+")",spd);  }  else  {     clearTimeout(tmr);     fade(4);  }   }

    function fade(n){  if(n>0)   {    if(nav)eval("document.div"+n+".visibility='hidden'");    else eval("div"+n+".style.visibility='hidden'");     n--;    tmr=setTimeout("fade("+n+")",spd);  }  else clearTimeout(tmr);}

    // --></script>


    最新回复(0)