Div con frasi a rotazione

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
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:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Invece che creare l'oggett Array() è possibile scrivere semplicemente cosi
Codice:
var frasi = ["Vi aspettiamo","su","Mr.Webmaster"]; // frasi