Scritta lampeggiante

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Effetto lampeggiante su un link
HTML:
 <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

Utente Attivo
11 Set 2012
73
0
6
Ciao Criric,
bello, funziona :) Ho provato a modificarlo perchè avrei bisogno di far lampeggiare più elementi in una pagina, dove sbaglio?

PHP:
<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! :D Se servisse a qualcuno ecco qui:

PHP:
<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>
 
Ultima modifica: