Scritta lampeggiante

[criric]

Effetto lampeggiante su un link

 <style type="text/css">
    #link {
        padding: 5px 10px;
        background-color: black;
        color:#FF0000;
        text-decoration: none;
        font-family: Arial;
        font-size: 1em;
        letter-spacing: 1px;
    }
</style> 
<div align="center">
    <a href="#" id="link">Effetto lampeggiante</a>
</div> 
<script type="text/javascript">
    var i = 0;
    link = setInterval(function() {
        i++;
        var color = i%2 == 1 ? '#FFFF00' : '#FF0000';        
        document.getElementById("link").style.color = color;
    },500); 
</script>

Non ho commentato visto le poche righe ma se avete bisogno chiedete pure

 

[Rey]

Ciao Criric,
bello, funziona Ho provato a modificarlo perchè avrei bisogno di far lampeggiare più elementi in una pagina, dove sbaglio?

<div align="center">
    <span class="link">Effetto lampeggiante</span>
</div> 
<div align="center">
    <span>Effetto NON lampeggiante</span>
</div> 
<div align="center">
    <span class="link">Effetto lampeggiante</span>
</div> 
<script type="text/javascript">
    var i = 0;
    link = setInterval(function() {
        i++;
        var color = i%2 == 1 ? 'black' : 'red';        
        document.getElementsByClassName("link").style.color = color;
    },500); 
</script>

EDIT: Ci sono riuscito! Se servisse a qualcuno ecco qui:

<div align="center">
    <span class="link">Effetto lampeggiante</span>
</div> 
<div align="center">
    <span class="link">Altro Effetto lampeggiante</span>
</div> 
<script type="text/javascript">
    var i = 0;
    link = setInterval(function() {
        i++;
        var color = i%2 == 1 ? 'black' : 'red';        
        var divs = document.getElementsByClassName("link");
		for(var z=0; z < divs.length; z++) { 
  divs[z].style.color = color;
}
    },500); 
</script>