16、图片随鼠标特效代码

16、图片随鼠标特效代码

脚本说明:

第一步:把如下代码加入<body>区域中

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

第二步:把如下代码加入<body>区域中

<script language="javascript">

       if (navigator.appName == "Netscape") {

 

       }

       else

       {

              document.write('<div ID=OuterDiv>')

              document.write('<img ID=iit src="http://www38.websamba.com/fawang/store/logo/logo1.gif" STYLE="position:absolute;TOP:0pt;LEFT:0pt;width=103;height=28;Z-INDEX:2;visibility:hidden;">')

              document.write('</div>')

       }

</script>

 

Write a comment

Comments: 0