javascript animatie, kun je de javascript om complexe animatie van, maar niet beperkt tot, de volgende elementen en de negatieve;,, vuurwerk, vervagen, rollen of ingevoerd, pagina 's of pagina' s, beweging van het voorwerp, kan je in de bestaande javascript - animatie geïnteresseerd: de aculo voet. We bieden, van deze handleiding. Een van de grondbeginselen van de gebruik weten te maken van javascript voor het creëren van een animatie, het gebruik van een bepaalde hoeveelheid dom javascript mobiele elementen (< IMG />, < di% GT% of een van de andere in de pagina http: //europa.eu.int) op basis van een door de logische vergelijkingen of functie bepaald patroon bevat de volgende twee. Is de functie van de programma 's vaak gebruik van animatie,,,,, settimeout (functies, de tijd), dat met zijn verminderd;Na de functie, en de functie van de duur van een,,,,,, nu. Setinterval (functies, de tijd), en de negatieve; deze functie, de functie, het elke keer, duur, MS.,,,, duidelijk timer (settimeout_variable), en de negatieve; deze functie vereist de Verwijdering van een settimeout () een Timer,,.,. Ook kan op meerdere dom object met inbegrip van hun positie op het scherm eigenschap.Je kan op het scherm plaatsen van een object, de positie van de Top van de eigenschappen en aan de linkerkant.Hier is de grammatica, links op het scherm een rand van afstand.Object.style.left = afstand pixels of, of wordt de afstand van de rand van de Top van het scherm.Object.style.top = afstand pixels, animatie of punt; en laten we de verwezenlijking van een eenvoudige animatie dom object en javascript functie is als volgt.De onderstaande lijst bevat de verschillende methoden van de DOM.,,, we gebruiken getelementbyid javascript. (), een dom object, en de toewijzing van een van de variabelen, imgobj,,,,, we hebben de definitie van een eerste functie, () gestart, imgobj, zetten we de positie van het,,, links, eigendom,.,,, we starten in het raam van een functie, en, ten slotte, we bellen, moveright (10), verhoging van de functie van de pixels van links op afstand.Je kan het aan de linkerkant van de negatieve voorbeelden,.,,, zie het volgende voorbeeld, < http: //europa.eu.int > < hoofd > < titel > javascript animatie < /titel > < script type = "tekst /javascript" > <.De var - imgobj = nul; de functie () {imgobj = documenten. GetElementById ('myimage "); imgobj. Stijl. Positie = relatieve"; imgobj.style.left = "0px"; de functie van moveright () {} imgobj.style.left = parseint (imgobj. Stijl. Links) + 10 + "Postkantoor";} in window.onload = gestart; ///////> < /scripts > < /hoofd > < lichaam > < in de vorm van > < IMG = "myimage" src = "/'s /http: //europa.eu.int /. De FSIM" > < p> klikken op de knop om de beelden naar rechts < /P > LT - type; "knop". "Ik" klik "onclick= moveright () />";< /vorm > < /body > < /html >, output, automatische animatie, in bovenstaand voorbeeld zien we een beeld van de actie, elk met een klik.We kunnen de automatisering van het proces door gebruik te maken van de javascript functie, settimeout (), als volgt &verminderen; de, hier hebben we het nog meer.Laten we kijken wat is nieuw en minus;,,,, moveright (), de functie en settimeout (), de functie van een standpunt, imgobj,,,,, hebben we nog een nieuwe functie, stop (), op de timer ingesteld, settimeout (), de functie en de vaststelling van de eerste. Positie.,,, voorbeeld, zie het volgende voorbeeld code: //europa.eu.int /comm /> < < hoofd > < titel > javascript animatie < /titel > < script type = "tekst /javascript" > <.De var - imgobj = nul; var de animatie, () {functie imgobj = documenten. GetElementById ('myimage "); imgobj. Stijl. Positie = relatieve"; imgobj.style.left = "0px"; de functie van moveright () {} imgobj.style.left = parseint (imgobj. Stijl. Links) + 10 + "Postkantoor"; de animatie = settimeout (van links naar rechts 20); ///////verkeer, bel naar rechts in 20 seconden stop () {} functies duidelijk timer (s); imgobj.style.left = "0px";} in window.onload = gestart; ///////- > < /scripts > < /hoofd van het lichaam > <GT; < in de vorm van > < IMG = "myimage" src = "/'s /http: //europa.eu.int /. De FSIM" > < p> klikken onder met animatie < /P > < input vormen voor de Waarde van de "knop" = "start" onclick= moveright (");" > < input type = "knop." stop "onclick=" stop (); "> < /vorm > < /body > < /html >,, met de muis gebeurtenissen kantelen, hier is een eenvoudig voorbeeld geven een beeld van de draai van een de muis, laten we eens kijken wat we in de volgende voorbeelden en de vermindering van het gebruik van;,, in de laden van de pagina' s," als "het bestaan van voorwerpen of beeld van de verklaring.Als de beelden niet beschikbaar is, dit stuk zal niet worden uitgevoerd.,,,, dat de fabrikant (), het creëren en pre - nieuw imago object, is welkom,,,,, "welke naam buiten beeld voor beeld /http: //europa.eu.int /naam. De FSIM,,, ook. We hebben beeld scheppen van de,,, doel en dat doel toegewezen /Images /http.gif.,,, de&#(- -) - banden, browser geen klik op de URL 's.In dit verband is een beeld,,,,, de muis gebeurtenis worden veroorzaakt, als de gebruikers van de muis in de banden, en, onmouseout gebeurtenis worden veroorzaakt, wanneer de gebruiker de muis weg tussen mobiele (beelden).,,, als een muis in de beelden van de eerste tot en met de tweede beeld. Veranderingen.Als de muis uit beeld, de originele beelden tonen.,,, als de muis om de banden, de eerste beelden html.gif zal verschijnen op het scherm.,,, < http: //europa.eu.int > < hoofd > < titel > en een verlenging van de muis < /titel > <. Type = "tekst /javascript" > <.Als (document beeld) {VAR in beeld () = nieuwe; ///////pre - beeld image1.src = 'http: //europa.eu.int /. /. De FSIM "; var = nieuwe beelden beeld (); ///////de aanscherping van het tweede beeld image2.src =" /' s /http: ///////;). De FSIM "> lt; /scripts > < /hoofd > < lichaam > < p> je muis in beeld zien van de resultaten van < /P > < href ="&#"onmouseover =" in het dossier. Myimage. Src = foto 's 2. ";" het dossier myimage onmouseout= ". 1. Src = foto' s"; "> < IMG naam =" myimage "src =" /'s /http: //europa.eu.int /. De FSIM "> < /> < /body > < /http: //europa.eu.int en GT;,,