Funziona con il Browser: | firefox | Safari | opera | internet explorer | netscape navigator |
Crediti:
Name: Martial Boissonneault
Website: http://getElementById.com/
Descrizione: Una serie di frasi che esplodono con effetto zoom sullo schermo.
Passo 1 :
Si tratta di definire uno style, è in questo codice che è possibile cambiare il colore, il tipo di font, le sue dimensioni, la posizione sullo schermo e l'allineamento.
Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <head> e </head>.
Passo 2:Adesso lo script vero e proprio in JavaScript v.1.2
Selezionare tutto il codice nella finestra sotto cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web sempre all'interno dei tags: <head> e </head>
Passo 3: Adesso è sufficiente richiamare lo script dall'interno della pagina web.
Selezionare tutto il codice nella finestra sotto cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web, all'interno dei tags: <body> e </body>
Note : nella prima parte si trova il foglio di style, grazie al quale è possibile cambiare:
left:0px; = posizione della scritta dal margine laterale sinistro 0 pixel.
top:150px; = posizione della scritta dal margine superiore 150 pixel.
width:100%; = larghezza della scritta 100%.
font-family:Impact; = font della scritta Impact.
text-align:center; = allineamento della scritta center.
color:#336699; = colore della scritta #336699
All'interno della seconda parte invece si trova l'array per le frasi da visualizzare e l'eventuale URL da richiamare una volta completata la visualizzazione della frase stessa. Le frasi possono essere anche più di quelle ho inserito come esempio a patto che siano inserite con lo stesso identico sistema e sulla stessa falsa riga di quelle esistenti:
msg[0]="Benvenuto !!!" Notate che la prima frase inizia con msg[0] e dovrà essere incrementato di più uno questo [0] per ogni riga che si desidera aggiungere.
msg[0]="Benvenuto !!!"
msg[1]="su"
msg[2]="Web-Link.it"
msg[3]="Scripting"
msg[4]="Tutorials"
msg[5]="Forum di supporto"
msg[6]="e molto altro..."
ecc. ecc.
A fine visualizzazione è anche possibile essere reindirizzati ad un url valido da inseire alla voce :
location.href=('http://www.web-link.it'); in questo caso si deve sostituire il solo URl web-link.it lasciando inalterato tutto il resto. Se invece si vuole ripetere la visualizzazione delle frasi, basta inseire il nome della pagina che contiene lo script.( come in questo caso).