L'effetto
L’effetto SwitchOff ci permette di creare un effetto simile a quello di spegnimento dei “vecchi” televisori a tubo catodico, cioè quel “ripiegamento” verso il centro preceduto da un veloce effetto di luce tipo “flash“.
Creazione TV
E’ tutto abbastanza semplice, basta creare due div, uno, quello che conterrà il filmato da inserire nella tv, ha la proprietà position:relative, l’altro, il contenitore che rappresenta la tv, ha l’area dedicata allo schermo trasparente in modo da visualizzare il filmato. Per gestire l’ordine dei livelli nello spazio utilizzeremo la proprietà z-index che posizionerà il Filmato Layer sotto il Tv Layer. Inseriremo due funzioni “Accendi TV” e “Spegni TV“, la prima accenderà la tv con un fade, la seconda la spegnerà con il già citato SwitchOff.
Codici
Passiamo al codice dell’esempio, questo è quello relativo alla parte HTML:
Questo il Javascript:
Fonte: Matrixteo
L’effetto SwitchOff ci permette di creare un effetto simile a quello di spegnimento dei “vecchi” televisori a tubo catodico, cioè quel “ripiegamento” verso il centro preceduto da un veloce effetto di luce tipo “flash“.
Creazione TV
E’ tutto abbastanza semplice, basta creare due div, uno, quello che conterrà il filmato da inserire nella tv, ha la proprietà position:relative, l’altro, il contenitore che rappresenta la tv, ha l’area dedicata allo schermo trasparente in modo da visualizzare il filmato. Per gestire l’ordine dei livelli nello spazio utilizzeremo la proprietà z-index che posizionerà il Filmato Layer sotto il Tv Layer. Inseriremo due funzioni “Accendi TV” e “Spegni TV“, la prima accenderà la tv con un fade, la seconda la spegnerà con il già citato SwitchOff.
Codici
Passiamo al codice dell’esempio, questo è quello relativo alla parte HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Questo il Javascript:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
|
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
| Perfavore,
Entra
oppure
Registrati
per vedere i Link!
|Fonte: Matrixteo
