Ottenere un testo lampeggiante prima era molto semplice: bastava aggiungere il tag ed era fatta. Il codice era il seguente:
<blink>TESTO LAMPEGGIANTE</blink> Chi usa Netscape, Mozilla o FireFox dovrebbe vedere l'effetto, mentre, visto che invece il browser MSIE non supporta più tale metodo, occorre inserire uno JavaScript.Ecco l'effetto:
TESTO LAMPEGGIANTEInserire il seguente script JavaScript fra i tags <head> ed </head>della pagina:
|
<script language=javascript> var c1='#E0E4E3' var c2='navy' function colore1(){ codice='<font color=' + c1+ '><b>TESTO LAMPEGGIANTE</b></font>' if(document.all) { document.all('testo').innerHTML=codice; } else if(document.getElementById){ document.getElementById("testo").innerHTML = codice } attesa = window.setTimeout("colore2()",500); } function colore2(){ codice='<font color=' + c2 + '><b>TESTO LAMPEGGIANTE</b></font>' if(document.all) { document.all('testo').innerHTML=codice; } else if(document.getElementById){ document.getElementById("testo").innerHTML =codice } attesa = window.setTimeout("colore1()",500) } function avvia() { attesa = window.setTimeout("colore1()",500); } </script> | Le due funzioni colore1() e colore2() si alternano per formare la scritta nei due colori che abbiamo inserito rispettivamente nelle variabili c1 e c2: in c1 il colore di sfondo della pagina (così da ottenere un effetto di spegnimento) ed in c2 il colore che si preferisce. Nella variabile codice va invece scritta la frase che si vuole far lampeggiare. In ...setTimeout("...",500), 500 rappresenta il tempo, in millisecondi, di permanenza dello stesso colore. Diminuire o aumentare tale numero a seconda della velocità che si preferisce. All'inizio, viene richiamata la funzione avvia(): dopo 500 millisecondi viene richiamata la funzione colore1(). Questa a sua volta, sempre dopo 500 millisecondi, richiama la funzione colore2(), che dopo lo stesso intervallo richiama la funzione colore1() e così via, finché la pagina è attiva. 'testo' è il nome che daremo all span. Uno span è in pratica una sorta di foglio trasparente che viene "incollato" sopra alla pagina di testo. All'interno dei tags <span> e </span> può essere inserito tutto quanto si trova normalmente in una pagina HTML, come testo, immagini, tabelle, marquees, collegamenti ipertestuali. Nel nostro esempio inseriremo la scritta. L'attributo id dà un nome allo span, che altrimenti non potrebbe essere richiamato, ad esempio, nei codici Javascript. Infine: Abbiamo già diffusamente spiegato la sintassi in altri trucchi, come ad esempio in Creare un jukebox |
Cambiare il tag <Body>nel seguente modo:
<BODY OnLoad="avvia()">
Infine aggiungere, nel punto in cui si vuole inserire il testo lampeggiante, la seguente riga:
<span id="testo"><b><font color=red>TESTO LAMPEGGIANTE </b> </font></span>
Il codice che abbiamo inserito per ottenere questo effetto è semplificato al massimo in modo da poter essere cambiato anche dai non esperti per risultati diversi come ad esempio:
|
©2005 www.webfract.it