鼠标图片跟随效果

鼠标图片跟随效果代码如下:

<SCRIPT LANGUAGE="JavaScript">
var newtop=0
var newleft=0
if (navigator.appName == "Netscape") {
  layerStyleRef="layer.";
  layerRef="document.layers";
  styleSwitch="";
  }
  else
  {
  layerStyleRef="layer.style.";
  layerRef="document.all";
  styleSwitch=".style";
  } function doMouseMove() {
  layerName = 'iit'
  eval('var curElement='+layerRef+'["'+layerName+'"]')
  eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
  eval('curElement'+styleSwitch+'.visibility="visible"')
  eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
  eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
  eval('height=curElement'+styleSwitch+'.height')
  eval('width=curElement'+styleSwitch+'.width')
  width=parseInt(width)
  height=parseInt(height)
  if (event.clientX > (document.body.clientWidth - 5 - width))
  {
  newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
  }
  else
  {
  newleft=document.body.scrollLeft + event.clientX
  }
  eval('curElement'+styleSwitch+'.pixelLeft=newleft')
  if (event.clientY > (document.body.clientHeight - 5 - height))
  {
  newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
  }
  else
  {
  newtop=document.body.scrollTop + event.clientY
  }
  eval('curElement'+styleSwitch+'.pixelTop=newtop')
}
document.onmousemove = doMouseMove;
</SCRIPT>
<script language="javascript">
if (navigator.appName == "Netscape") {
}
else
{
  document.write('<div ID=OuterDiv>')
  document.write('<img ID=iit http://www.net0and1.com/">代码来自Net0and1.com" STYLE="position:absolute;TOP:0pt;LEFT:0pt;width=103;height=28;Z-INDEX:2;visibility:hidden;">')
  document.write('</div>')
}
</script>
posted @ 2009-06-10 22:50  随便取个名字算了  阅读(245)  评论(0编辑  收藏  举报