마우스를 따라다니는 십자선
<HTML>
<HEAD>
<TITLE> 마우스를 따라다니는 십자선 </TITLE>
<style>
<!--
#leftright, #topdown{position:absolute;left:0;top:0;width:2px;height:2px;layer-background-color:orange;background-color:orange;z-index:100;font-size:1px;}
-->
</style>
<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() {
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) {
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)
window.onload=regenerate2
//-->
</SCRIPT>
</HEAD>
<BODY bgColor=#EEFFFF>
<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div>
<div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>
</BODY>
</HTML>
아래는 관련 댓글들입니다. 댓글수: 0
