<script> var x,y var timer var i_fontsize=0 var step=0 var thisx,thisy function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY } function ringup() { if (document.all) { thisx = x thisy = y ringup2() } } function ringup2() { if (i_fontsize<=1530) { document.all.ring.style.fontSize=i_fontsize document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")" document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/0.5)) document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.40)) step+=2 i_fontsize+=step timer=setTimeout("ringup(2)",5) } else { clearTimeout(timer) i_fontsize=0 step=0 document.all.ring.style.posTop=-10000 } } document.onmousemove = handlerMM; </script> <STYLE> .ringstyle { position:absolute; visibility:visible; top:-50px; font-size:5pt; font-family:Verdana; color:FF0000 } .explain { position:absolute; top:20px; left:250px; width:380px; color:000000; text-align:center; font-size:15pt; font-family:Times; } A { font-family: Times; color: #000000; text-decoration:underline } A:visited { color: #000000; } </STYLE>

Dans la partie BODY :

<DIV id="ring" class="ringstyle" align=center>!!WOW!!</DIV> <DIV id="redirection" class="explain" align=center><a href=# onMouseOver="ringup()">Exemple</a></DIV>