Kuva seuraa hiirtä. Yksinkertaine pikku lisuke nettisivuille.
nettisivu.html
<html> <head> <script src="follow.js"></script> <script> aloita_seuraamaan('KUVATIEDOSTO.jpg'); // laita tähän kuvatiedoston nimi jonka haluat seuraavan hiirtä </script> <title>Joku nettisivu</title> </head> <body onMouseMove="seuraa();"> <p>jotaki tekstii </body> </html>
follow.js
var cache_x=0; var cache_y=0; function aloita_seuraamaan(kuva) { document.write("<div style='position:absolute;' id='sr'><img src='"+kuva+"'></div>"); } function seuraa() { cache_x=event.x; cache_x+=15; cache_y=event.y; cache_y+=10; document.all("sr").style.top=cache_y; document.all("sr").style.left=cache_x; }
Aihe on jo aika vanha, joten et voi enää vastata siihen.