72、非图片鼠标跟踪器

72、非图片鼠标跟踪器

脚本说明:

第一步:把如下代码加入<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>

 

Write a comment

Comments: 0