Home + Webmaster + Script + Javascript + Grafica e Immagini + Oggetto in movimento

Oggetto in movimento

Con questo Javascript è possibile creare un oggetto in movimente all'interno del documento che si muoverà in base alle coordinate prestabilite.

Download codice sorgente

<html>
<head>
<title>Oggetto in movimento</title>
<SCRIPT LANGUAGE = "JavaScript">
bName = navigator.appName;
bVer = parseInt(navigator.appVersion); 
if      (bName == "Netscape" && bVer == 4) ver = "n";
else if (bName == "Microsoft Internet Explorer" && bVer == 4) ver = "ie";

function init3() {
        if (ver == "n") {
                pic3 = document.picDiv3
                pic3.xcor = pic3.left
                pic3.ycor = pic3.top
        }
        else if (ver == "ie") {
                pic3 = picDiv3.style
                pic3.xcor = pic3.pixelLeft
                pic3.ycor = pic3.pixelTop
        }
//pixel da sinitra
pic3.pathx = new Array(72,61,42,30,28,27,36,47,43,35,23,20,26,32,42,51,69,82,98,117,127,149,167,190,214,233,250,267,289,317,366,402,431,456,481,512,552,574,594,615,638,640,640,635,630,625,620,615,610,605,600,593,585,578,569,560,540,515,490,465,440,425,410,395,380,375,370,368,365,368,370,375,380,395,410,425,440,430,420,410,400,390,380,370,360,350,340,330,320,300,290,280,270,260,250,240,230,220,210,200,190,180,170,160,150,140,130,120,110,100,90,80,78)
//pixel dall'alto
pic3.pathy = new Array(63,76,95,113,131,147,158,169,182,190,202,214,224,231,242,252,255,261,271,278,286,289,282,278,269,276,284,277,274,264,252,248,256,264,276,282,276,258,227,196,174,134,102,100,95,90,89,88,86,84,86,90,96,105,115,130,147,160,185,200,225,220,215,210,205,200,195,190,180,170,160,150,140,130,120,110,100,90,80,79,78,77,76,75,74,73,72,71,70,69,68,67,66,65,64,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,70)
//pannello di controllo per le variabili
pic3.pathcor = 0				//NON TOCCARE
pic3.active = 1               // 1 per iniziare a pagina caricata
pic3.pathloop = 1            // 1 per ciclo continuo, 0 per non ciclo
speed = .01					// tempo tra le varie coordinate in secondi
picpath3()}
function picpath3() {
        if (pic3.active && pic3.pathcor < pic3.pathx.length) {
                pic3.xcor = pic3.pathx[pic3.pathcor]
                pic3.ycor = pic3.pathy[pic3.pathcor]
                pic3.left = pic3.xcor
                pic3.top = pic3.ycor
                pic3.pathcor += 1
                setTimeout("picpath3()",speed*1000) 
        }
        else {
        if (pic3.active && pic3.pathloop && pic3.active) {
            pic3.pathcor = 0
            picpath3()
            }
            else pic3.active = 0
        }
}
//-->
</SCRIPT>
<STYLE TYPE="text/css">

</STYLE>
</head>

<body onLoad="init3()" text="#333366">
<DIV ID="picDiv3"><IMG SRC="vespa.gif" WIDTH=50 HEIGHT=33 BORDER=0></DIV>
La zanzara si sposta in base alle coordinate<br>indicate all'interno del Javascript. 
</body>
</html>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Virus Scan McAfee Protteggi al meglio il tuo computer. Mcafee Total Protection con il 20% di sconto.

Hosting economico Aruba Approfitta delle offerte e scegli il tuo hosting Linux o Windows a partire da 20,66 € all'anno.

Fai fruttare il tuo sito! Diventa oggi stesso un affiliato Trade Doubler e guadagna qualche soldino con il tuo sito web.