滑鼠準星

Home Home
引用 | 編輯 toidi
2005-01-08 21:45
樓主
推文 x0
很炫的效果
線條的粗細及顏色可自行從程式碼內做修改...

複製程式
<html> 
<head> 
<style> 
<!-- 
#leftright, #topdown{ 
position:absolute; 
left:0; 
top:0; 
width:1px; 
height:1px; 
layer-background-color:303030; 
background-color:303030; 
z-index:100; 
font-size:1px; 
} 
--> 
</style> 
<style> 
<!-- 
#leftright, #topdown{ 
position:absolute; 
left:0; 
top:0; 
width:1px; 
height:1px; 
layer-background-color:303030; 
background-color:303030; 
z-index:100; 
font-size:1px; 
} 
--> 
</style> 
</head> 

<body bgcolor="#000000" text="#FFFFFF"> 
<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> 
</body> 
</html>


獻花 x0