Tryit Editor v1.4

<html> <head> <style> body { background:#000000; color:#00FF00; font-weight:bold; } a{color:#CCCCCC;} </style> <script type="text/javascript"> function cursor(text) { trail.innerHTML=text; 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('Visit W3Schools.com')" onmouseout="hidecursor()">W3Schools.com</a><br /> <a href="../../www.altavista.com/default.htm" onmousemove="cursor('Go to AltaVista')" onmouseout="hidecursor()">AltaVista</a><br /> <a href="../../www.yahoo.com/default.htm" onmousemove="cursor('Search with Yahoo!')" 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