亿度网络 - Javascript实例

///pc/img/blank.gif" width="12" height="8">当前位置：///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> JavaScript实例

///pc/homepage/javascript/sample/img/bule.gif" width="207" height="13">

///pc/homepage/javascript/sample/img/blank.gif" width="1" height="1">

///pc/homepage/javascript/sample/img/js.gif" width="186" height="20">

///pc/homepage/javascript/sample/img/blank.gif" width="1" height="1">

　　　　图形跟随鼠标

///pc/homepage/javascript/sample/img/blank.gif" width="1" height="1">

///pc/homepage/javascript/sample/img/bule1.gif" width="28" height="49">

效果演示：

///pc/homepage/javascript/sample/img/bule2.gif" width="11" height="18">

　　看看什麽东西在跟着你的鼠标？

源代码如下：

///pc/homepage/javascript/sample/img/bule2.gif" width="11" height="18">

这段程序放在<body>与</body>之间 <script language="JavaScript"> var newtop=0 var newleft=0 if (navigator.appVersion.indexOf("MSIE") != -1) { 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.appVersion.indexOf("MSIE") != -1) { document.write('<div ID=OuterDiv>') document.write('<img ID=iit src="img/rabbit.gif" STYLE="position:absolute;TOP:0pt;LEFT:0pt;Z-INDEX:2;visibility:hidden;">') document.write('</div>') } </script>

///pc/homepage/javascript/sample/img/bule1.gif" width="28" height="49">

注：此效果只能在IE浏览器中实现，本例中所用的图形放在与本页面同级的“img”文件夹内，名为rabbit.gif。

///pc/homepage/javascript/sample/img/blank.gif" width="1" height="1">

网页制作网页设计网站建设网站设计网站制作做网站做网页