Michele Basso
a- a+

Testo lampeggiante sui link

Con questo script possiamo creare dei link lampeggianti, scegliendo se "lampeggiare" il testo o il background del testo.

Osserviamo l'esempio:

WebMasterPoint.org, il punto di riferimento dei webmaster italiani

Visita Il forum di discussione

Per utilizzare lo script, inseriamo questo codice all'interno del tag head:

<script language="JavaScript1.2" type="text/javascript">

/***********************************************
* Flashing Link Script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var flashlinks=new Array()

function changelinkcolor(){
for (i=0; i< flashlinks.length; i++){
var flashtype=document.getElementById? flashlinks[i].getAttribute("flashtype")*1 : flashlinks[i].flashtype*1
var flashcolor=document.getElementById? flashlinks[i].getAttribute("flashcolor") : flashlinks[i].flashcolor
if (flashtype==0){
if (flashlinks[i].style.color!=flashcolor)
flashlinks[i].style.color=flashcolor
else
flashlinks[i].style.color=''
}
else if (flashtype==1){
if (flashlinks[i].style.backgroundColor!=flashcolor)
flashlinks[i].style.backgroundColor=flashcolor
else
flashlinks[i].style.backgroundColor=''
}
}
}

function init(){
var i=0
if (document.all){
while (eval("document.all.flashlink" +i)!=null){
flashlinks[i]= eval("document.all.flashlink" +i)
i++
} 
}
else if (document.getElementById){
while (document.getElementById("flashlink" +i)!=null){
flashlinks[i]= document.getElementById("flashlink" +i)
i++
}
}
setInterval("changelinkcolor()" , 1000)
}

if (window.addEventListener)
window.addEventListener("load" , init, false)
else if (window.attachEvent)
window.attachEvent("onload" , init)
else if (document.all)
window.onload=init

</script>

Per creare le scritte lampeggianti dobbiamo inserire 3 attributi ai link:

id="flashlinkID"    Serve per creare la scritta lampeggiante, dobbiamo metterlo in tutti i link a cui vogliamo applicare questo effetto

flashtype=?    Inseriamo al posto del punto di domanda(?) 0 se vogliamo far lampeggiare il testo, 1 se vogliamo far lampeggiare il background

flashcolor=?    Il colore del testo lampeggiante, da inserire sempre al posto del punto di domanda(?)

Per chiarire meglio, osserviamo questo esempio:

 

<a href="test.htm" id="flashlink0" flashtype=0 flashcolor="green">Exsempio 1</a>

<a href="test.htm" id="flashlink1" flashtype=1 flashcolor="lime">Esempio 2</a>

 

L'attributo id="flashlink0" va incrementato a seconda del numero di link che vogliamo inserire(id="flashlink0", id="flashlink1" , id="flashlink2" id="flashlink3")

Per problemi nell'utilizzo dello script, potete consultare il nostro forum di discussione.



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Francesco
Hai dubbi su questo articolo?