无标题文档

跟随鼠标的十字线

演示效果：正在演示中

代码提示：将下面的代码复制到〈BODY〉与〈/BODY〉中

<STYLE type=text/css>.hair {
	BACKGROUND-COLOR: red; FONT-SIZE: 1px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 1px; layer-background-color: red
}
</STYLE>
<DIV class=hair id=xhair></DIV>
<DIV class=hair id=yhair></DIV>
<DIV id=target 
style="HEIGHT: 32px; LEFT: 12px; POSITION: absolute; TOP: 0px; WIDTH: 722px"> </DIV>
<SCRIPT language=javascript>
var isNS=(navigator.appName=="Netscape");
var _all=(isNS)? '' : 'all.' ;
var _style=(isNS)? '' : '.style' ;
var _visible=(isNS)? 'show' : 'visible';

var xhair=eval('document.'+_all+'xhair'+_style);
var yhair=eval('document.'+_all+'yhair'+_style);
var target=eval('document.'+_all+'target'+_style);

function reloadNS(){
setTimeout('window.location.reload()', 500);
}

(isNS)? window.onresize=reloadNS : window.onresize=resize;

if(isNS)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=movehair;

window.onload=resize;

</SCRIPT>

本站浏览量：