Pagina aggiornata... Lunedì, 08 gennaio 2024 *
Tempo di caricamento
0.52
secondi
Link navigazione :
Home telaio ೡ Home ~ Tutorial ~ Html » Marquee speciali |
..:: Marquee speciali ::..
Ecco altri modi per scrivere dei messaggi in modo allegro e ben visibili^^
Possiamo inserire altri tag al codice base del nostro marquee per avere, una scritta con sfondo colorato
o con immagine per il background, con direzioni varie e che si fermano al tocco del mouse...
Ecco i vari effetti e i codici per utilizzarli ..:: Aggiorna pagina per rivedere gli effetti ::..
- Marquee loop="#"
Il testo scorre solo il numero di volte impostate
<marquee loop="#" direction="#" scrollAmount="#"
scrolldelay="#" height="#" width="#">Testo/immagini</marquee> |
|
Prelevate il codice base qui:
|
- Marquee loop="#" e behavior="slide"
Il testo scorre solo il numero di volte impostate e poi rimarrà fisso
<marquee loop="#" behavior="slide" direction="#" scrollAmount="#"
scrolldelay="#" height="#" width="#">Testo/immagini</marquee> |
|
Prelevate il codice base qui:
|
- Marquee behavior="slide"
Il testo scorre una volta e poi rimane fermo
<marquee behavior="slide" direction="#" scrollAmount="#"
scrolldelay="#" height="#" width="#">Testo/immagini</marquee> |
|
|
|
Prelevate il codice base qui:
|
- Marquee alternato left and right
<marquee behavior="alternate" direction="#" scrollAmount="#"
scrolldelay="#" height="#" width="#">Testo/immagini</marquee> |
|
Prelevate il codice base qui:
|
- Marquee con sfondo colorato
<marquee bgcolor="#***" direction="#" scrollAmount="#" scrolldelay="#" height="#" width="#">Testo/immagini</marquee>
|
|
Prelevate il codice base qui:
|
- Marquee con immagine-background
<marquee style="background-image : URL(http://url immagine)"
direction="#" scrollAmount="#" scrolldelay="#" height="#" width="#">Testo/immagini</marquee>
|
|
Prelevate il codice base qui:
|
Marquee che si ferma al passaggio del mouse
<marquee direction="#" scrollAmount="#" scrolldelay="#" height="#"
width="#" onmouseover="this.stop()"onmouseout="this.start()">Testo/immagini</marquee> |
|
|
|
Prelevate il codice base qui:
|
* Ho trovato un simpatico modo per fermare a comando la nostra scrittina,
piccola magia con l'ausilio di javascript^^
Ecco il codice:
<-- Inizio codice javascript per le istruzioni stop e start -->
<script language="JavaScript">
function function1(){
document.all.myMarquee.stop();
}
function function2(){
document.all.myMarquee.start();
}
</script>
<-- Fine codice javascript per le istruzioni stop e start -->
<-- Inizio codice marquee -->
<marquee style="text-align:center; font-family:#; font-size: #px; color: #***" bgcolor="#***" id="myMarquee"
direction="#" scrollAmount="#" scrolldelay="#" height="#" width="#%">
Scrivi il tuo testo qui
</marquee><br><br>
<-- Fine codice marquee -->
<-- Codici bottoni comandi -->
<input type="button" value="Stop" onClick="function1();">
<input type="button" value="Start" onClick="function2();"> |
Nel mio esempio ho dato uno style anche ai bottoni comandi
<input Style="background-color: #f5fed6; border: 1px solid
#6f8422; font:12px Tahoma; color: 6f8422;" type="button"
value="Ferma la scritta" onClick="function1();"> |
Per semplificare le cose vi posto il codice dell'esempio,
vi sarà più facile apportare le personalizzazioni
Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥
Dai un giudizio a questo tutorial... Grazie ^_^
|
Voti totali: |
25 |
Rating... |
5 |
|
Commentario...
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^
|
~ Pagina visitata da 6825 utenti
|