Div con frasi a rotazione

Discussione in 'Snippet Javascript' iniziata da criric, 11 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
    La formattazione css fa pena ma lascio a voi la fantasia
    Il codice è semicommentato se avete domande non esitate :fonzie:
    HTML:
    <style>
        #frasi {
            margin: auto;
            width:100px;
            text-align:center;
            border: 2px solid #0000ff;
            background-color: #ABCDEF;
            color:#B20000;
            padding:10px;
            border-radius:6px;
            font-family: "Trebuchet MS";
        }
    </style>
    
    <div id="frasi">Vi aspettiamo</div> 
    
    <script type="text/javascript">
        var i = 1;// contatore
        var frasi = new Array(); // array frasi
        frasi[0] = "Vi aspettiamo";
        frasi[1] = "su";
        frasi[2] = "Mr.Webmaster";
        var tempo = 2000 // tempo per il cambio frase
        setInterval(function(){
            // elemento dove mostrare le frasi
            document.getElementById("frasi").innerHTML = frasi[i];
            // incrementiamo il contatore
            if(i >= frasi.length -1)
                i=0;
            else
                i++;
        },tempo);
    </script> 
    
     
    Ultima modifica: 11 Settembre 2013
  2. 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
    Invece che creare l'oggett Array() è possibile scrivere semplicemente cosi
    Codice:
    var frasi = ["Vi aspettiamo","su","Mr.Webmaster"]; // frasi
     
Sto caricando...

Condividi questa Pagina