Curseur viseur!

Contenu du snippet

des lignes qui suivent le curseur...

Source / Exemple :


<style> 
position:absolute; 
left:0; 
top:0; 
width:3px; 
height:3px; 
layer-background-color:green; 
background-color:ff0000;  //la valeur hexadecimal represente la couleur des lignes
z-index:100; 
font-size:1px; 
} 
</style> 
 <p><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>

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.