2008年8月29日

跟随鼠标的十字架

代码效果:跟随鼠标的十字架。


代码如下:


<!--将以下代码加入HTML的<Body></Body>之间--><br /><style><br /><!--#leftright, #topdown{position:absolute;<br />left:0;top:0;width:1px;height:1px;layer-background-color:blue;<br />background-color:red;z-index:100;font-size:1px;}--><br /></style><br /><style><br /><!--#leftright, #topdown{position:absolute;left:0;<br />top:0;width:1px;height:1px;layer-background-color:blue;<br />background-color:red;z-index:100;font-size:1px;}--><br /></style><br /><div id="leftright" style="width:expression(document.body.clientWidth-2)"></div><div<br />id="topdown" style="height:expression(document.body.clientHeight-2)"></div><script<br />language="JavaScript1.2"><br /><!--<br />if (document.all&&!window.print){<br />leftright.style.width=document.body.clientWidth-2<br />topdown.style.height=document.body.clientHeight-2<br />}<br />else if (document.layers){<br />document.leftright.clip.width=window.innerWidth<br />document.leftright.clip.height=1<br />document.topdown.clip.width=1<br />document.topdown.clip.height=window.innerHeight<br />}<br />function followmouse1(){<br />//move cross engine for IE 4+<br />leftright.style.pixelTop=document.body.scrollTop+event.clientY+1<br />topdown.style.pixelTop=document.body.scrollTop<br />if (event.clientX<document.body.clientWidth-2)<br />topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1<br />else<br />topdown.style.pixelLeft=document.body.clientWidth-2<br />}<br />function followmouse2(e){<br />//move cross engine for NS 4+<br />document.leftright.top=e.y+1<br />document.topdown.top=pageYOffset<br />document.topdown.left=e.x+1<br />}<br />if (document.all)<br />document.onmousemove=followmouse1<br />else if (document.layers){<br />window.captureEvents(Event.MOUSEMOVE)<br />window.onmousemove=followmouse2<br />}<br />function regenerate(){<br />window.location.reload()<br />}<br />function regenerate2(){<br />setTimeout("window.onresize=regenerate",400)<br />}<br />if ((document.all&&!window.print)||document.layers)<br />//if the user is using IE 4 or NS 4, both NOT IE 5+<br />window.onload=regenerate2<br />//--><br /></script><br /><br />

没有评论: