Kirjautuminen

Haku

Tehtävät

Kilpailu

Ohjelmoi tekoäly!
Aikaa on 6.1. saakka.

Keskustelu: Koodit näytille: JavaScript: Kuva seuraa hiirtä

Sivu 1 / 1

Meitsi [09.07.2003 12:11:36]

#

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;
}

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta