Video: ajax-1 2024
Det er mulig å bruke jQuery til å utføre transformasjoner, og disse transformasjonene er ofte kraftigere, men enklere å bruke enn de native CSS3-transformasjonene. For å få denne funksjonaliteten må du imidlertid laste ned en jQuery-plugin - en spesiell type bibliotek som utvider den opprinnelige jQuery-funksjonaliteten.
Den beste plugin-modulen for å utføre oppgaven er jquery. forvandle. js. Du kan gå til denne siden og se de viste transformasjonene.
Vertssiden inneholder ikke en link for nedlasting av plugin-modulen, dessverre. For å få en kopi av denne plugin-modulen, går du til nedskript og klikker koblingen Klikk her for nedlasting. Du mottar en. ZIP-fil som inneholder en rekke filer, inkludert jquery. forvandle. js-fil som du må kopiere til søknadskatalogen din.
For å få tilgang til denne plugin-modulen, legger du til følgende kode etter alle de andre jQuery-oppføringene (posisjon er viktig).
Bruk av denne plugin-modulen fungerer som en annen jQuery-funksjonssamtale. Dette eksemplet er avhengig av en som inneholder
med det nødvendige innholdet. I dette tilfellet roterer eksemplet bare innholdet, men du har tilgang til alle de vanlige CSS-transformasjonene. Den interessante delen er enkelheten til skriptet som brukes til å utføre oppgaven.
$ ("# TransformMe"). css ("transform", "roter (45deg)");
Dette skriptet sier bare å utføre en standard CSS-transformasjon for å rotere TransformMe 45 grader. I tillegg til statiske transformasjoner, gir denne plugin også animerte transformasjoner ved hjelp av animate () -funksjonen med en tidsfunksjon som definerer hvor lenge animasjonen skal utføres.
Det er også ganske enkelt å kombinere transformasjoner for å skape ulike spesial effekter. Pass på at du prøver eksemplene i testmappen for den nedlastede plugin-modulen for å se hele spekteret av effekter som denne plugin-modulen gir.