热门标签:   个人网站   个人网页   WAP网站   网页特效   网页教程   收藏本站   设为主页  
首 页   个人网站   个人博客   WAP网站   网页特效   网页教程   软件教程   我要参展
帐 号: 密 码:
 
网站及资源搜索:  
 
  当前位置 > 中国个人网页秀-> 网页特效-> 鼠标特效-> 非图片鼠标跟踪器
非图片鼠标跟踪器
整理:Cnwshow.Com   来源:Internet   整理时间:2008-2-17

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>非图片鼠标跟踪器</title>
<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>
</head>

<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>

</body>
</html>
运行代码预览特效
  鼠标特效 热门点击
·跟随鼠标的小球
·跟随鼠标的花絮
·跟随鼠标的飘带文字
·跟随鼠标的光环
·跟随鼠标的时钟
·跟随鼠标的彩带文字
·跟鼠标的彩带
·跟随鼠标的酷文字
·跟随鼠标的滚动字幕
·非图片鼠标跟踪器
  酷站推荐
关于本站  联系本站  免责声明  使用帮助  网站搜索  网站地图
Copyright © 2005-2008 Cnwshow.Com Inc All Rights Reserved 中国个人网页秀
技术支持:网秀科技   QQ群:36941957  客服QQ:151483161  粵ICP备05134415号