JanFriend---- transizione pagine

Transizione pagine

ovvero effetti di animazione tra una pagina è l'altra

Animazione al cambio delle tue pagine web.
Grazie a queste animazioni puoi sbalordire i tuoi visitatori.
Per inserire il codice da te scelto fai click con il tasto destro del mouse
selezionando Seleziona tutto, poi copia,
apri con un editor di testo il file html dove vuoi inserire
il codice, posiziona il puntatore prima della chiusura del tag </head>,
ancora click col destro e scegli incolla

1
Effetto "Box in" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=0)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=0)">

2
effetto: "Box out" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=1)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=1)">

3
Effetto "Cerchio in" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=2)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=2)">

4
Effetto "Cerchio out" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=3)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=3)">

5
Effetto "apertura verso l'alto" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=4)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=4)">

6
Effetto "Apertura verso il basso" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=5)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=5)">

7
Effetto "apertura a destra" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=6)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=6)">

8
Effetto "apertura a sinistra" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=7)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=7)">

9
Effetto "strisce verticali" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=8)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=8)">

10
Effetto "strisce orizzontali" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=9)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=9)">

11
Effetto "Scacchiera verticale" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=10)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=10)">

12
Effetto "scacchiera orizzontale" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=11)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=11)">

13
Effetto "Dissolvenza casuale" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=12)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=12)">

14
Effetto "Sipario verticale in" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=13)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=13)">

15
Effetto "Sipario verticale out" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=14)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=14)">

16
Effetto "sipario orizzontale in" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=15)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=15)">

17
Effetto "Sipario orizzontale out" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=16)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=16)">

18
Effetto "Sfoglia da destra in basso" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=17)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=17)">

19
Effetto "Sfoglia da destra in alto" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=18)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=18)">

20
Effetto "sfoglia da sinistra in basso" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=19)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=19)">

21
Effetto "Sfoglia da sinistra in basso" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=20)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=20)">

22
Effetto "Barre orizzontali casuali" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=21)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=21)">

23
Effetto "Barre verticali casuali" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=22)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=22)">

24
Effetto "effetti casuali" Visualizza esempio
Inserimento: Apri la tua pagina web. Copia il codice tra <head> e </head>
Salva la pagina con lo stesso nome dato in precedenza.
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=23)"> <meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=23)">

torna alla pagina iniziale