scripts

Clochette se déplace
sur votre page

Regardez clochette se promener sur la page.

Pour commencer, enregistrez l'image ici et placez
là dans le dossier de votre page.
Copiez et collez les codes ci-dessous:

Dans la balise Head

<SCRIPT language=JavaScript1.2>
<!--

var layerRef="null",layerStyleRef="null",styleSwitch="null";
var dx =  1;
var dy =  1;
var maxgeschw = 99;
if (window.innerWidth) {
    var x  = (window.innerWidth / 3) - 23;
    var y  = (window.innerHeight / 3) - 15;
    var maxx = window.innerWidth - 46;
    var maxy= window.innerHeight - 30;
}
else {
    var x  = (580 / 2) - 23;
    var y  = (350 / 2) - 15;
    var maxx = 580 - 46;
    var maxy= 350 - 30;

}
function init(){
    if (navigator.appName == "Netscape") {
        layerStyleRef="layer.";
        layerRef="document.layers";
        styleSwitch="";
    } else {
        layerStyleRef="layer.style.";
        layerRef="document.all";
        styleSwitch=".style";
    }
}

function moveLayerTo(layerName,left,top){
    eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top=top');
    eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left=left');
}

<STYLE type=text/css>
#normal1
{
	left: 410px; POSITION: absolute; TOP: 141px; VISIBILITY: visible; Z-INDEX: 2
}

#normal2 
{
	left: 350px; POSITION: absolute; TOP: 320px; VISIBILITY: visible; Z-INDEX: 1
}
#moving {
	left: 300px; POSITION: absolute; TOP: 10px; VISIBILITY: visible; WIDTH: 10px; Z-INDEX: 1
}
</STYLE>

dans la balise Body