Scritta lampeggiante

Discussione in 'Snippet Javascript' iniziata da criric, 10 Settembre 2013.

  1. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    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
     
  2. Rey

    Rey Utente Attivo

    Registrato:
    11 Settembre 2012
    Messaggi:
    73
    Mi Piace Ricevuti:
    0
    Punteggio:
    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 
    0;
        
    link setInterval(function() {
            
    i++;
            var 
    color i%== '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 
    0;
        
    link setInterval(function() {
            
    i++;
            var 
    color i%== 'black' 'red';        
            var 
    divs document.getElementsByClassName("link");
            for(var 
    z=0divs.lengthz++) { 
      
    divs[z].style.color color;
    }
        },
    500); 
    </
    script>
     
    Ultima modifica: 11 Febbraio 2015
Sto caricando...

Condividi questa Pagina