Tryit Editor v1.4

<html> <head> <script type="text/javascript"> function cursor(image) { trail.innerHTML="<img src='" + image + "' />"; trail.style.visibility="visible"; trail.style.position="absolute"; trail.style.left=event.clientX+10; trail.style.top=event.clientY; } function hidecursor() { trail.style.visibility="hidden"; } </script> </head> <body> <h1>Mouse over these links</h1> <a href="../default.asp.htm" onmousemove="cursor('w3schools.gif')" onmouseout="hidecursor()">W3Schools.com</a><br /> <a href="../../www.altavista.com/default.htm" onmousemove="cursor('altavistalink.gif')" onmouseout="hidecursor()">AltaVista</a><br /> <a href="../../www.yahoo.com/default.htm" onmousemove="cursor('yahoolink.gif')" onmouseout="hidecursor()">Yahoo!</a><br /> <span id="trail" style="visibility:hidden">Hello</span> </body> </html> | Your Result:
Edit the code above and click to see the result. | W3Schools.com - Try it yourself