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
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
J Far comparire e scomparire un div con un select Javascript 1
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
A Javascript Nascondere Div con id numerico dinamico Javascript 18
A Visualizzare div quando le immagini sono state uploadate con successo (Ajax) Ajax 0
trattorino [PHP] prelevare solo div con id PHP 1
S [Javascript] Aggiornare solo un DIV una sola volta con un click di un bottone Javascript 9
A [HTML] div flessibile con span HTML e CSS 14
E [Javascript] problema con margine quando viene mostrato div Javascript 0
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
A [WordPress] [HTML] Link in div con z-index inferiore WordPress 1
Marcello.Fiore Nascondere div con jQuery jQuery 7
Erzsébeth Drag div con class Javascript 9
G validazione form con div tipo alert jQuery 0
F [HTML] Inserire testo all'interno di una div con border radius HTML e CSS 2
P nascondere div con css inline Javascript 2
F DIv con contenuti dinamici Ajax 8
M Problema con ciclo foreach per chiusura apertura div in base al numero di record in database PHP 1
A centrare iframe con div HTML e CSS 2
B div riempito con testo collegato a esempio.txt o sincronizzazione tra div HTML e CSS 1
P div fisso con offset() o position() jQuery 2
P Div visibile con ie ma non con firefox e chrome HTML e CSS 7
S aggiornamento div con passaggio parametri da href Ajax 8
P aggiornare div con un clic senza reload Ajax 2
L sostituzione contenuto diversi div con document.getelementbyid Javascript 1
C Div con bordi come sfondo HTML e CSS 6
C Form con dentro div errore validatore w3c HTML e CSS 6
M Div dinamici con PHP jQuery 1
gandalf1959 Background image in un div con CSS non funziona HTML e CSS 4
otto9due Incrementare id div con php PHP 2
Emix Slideshow con div sovrapposto HTML e CSS 5
max_400 Sostituire un div con un altro il comando innerHTML è bloccato Javascript 0
asevenx centrare sito con div HTML e CSS 7
C Dreamweaver cs4 problemi con div Ap HTML e CSS 0
asevenx struttura DIV realizzata con float: left che si spezza HTML e CSS 3
G Stampare valori in più div con PHP e MySQL PHP 4
B Auto-aggiornamento DIV con php+ayax PHP 1
F toggle con testo al toggle tra due div jQuery 3
D Problema con lo scroll della pagina e del div position:fixed HTML e CSS 0
D Problema con sovrapposizione DIV HTML e CSS 2
Monital I div non si accostano con float:left HTML e CSS 1
D Aiuto con Ajax e pagine incluse nei DIV Ajax 1
P Problema con hover div jQuery 2
M CSS...dinamico? Altezza div variabile, ma con immagine come bordo HTML e CSS 4

Discussioni simili