Inserire un testo scorrevole

Come inserire un testo scorrevole all'interno della propria pagina? Questo è uno strumento da javascript? No. Si può fare con l'HTML, e inserirlo all'interno del proprio sito o blog in maniera semplicissima.


<marquee
  loop="-1"
  scrollamount="1"
  scrolldelay="20"
  direction="left"
  height="150"
  width="300"
  align="right">
Inserire qui tutto il testo per lo scrolling<br>
Inserire qui tutto il testo per lo scrolling<br>
Inserire qui tutto il testo per lo scrolling<br>
Inserire qui tutto il testo per lo scrolling<br>
Inserire qui tutto il testo per lo scrolling<br>
Inserire qui tutto il testo per lo scrolling<br>
Inserire qui tutto il testo per lo scrolling<br>
</marquee>

Questo grazie al tag marquee, e appare così:


Inserire qui tutto il testo per lo scrolling
Inserire qui tutto il testo per lo scrolling
Inserire qui tutto il testo per lo scrolling
Inserire qui tutto il testo per lo scrolling
Inserire qui tutto il testo per lo scrolling
Inserire qui tutto il testo per lo scrolling
Inserire qui tutto il testo per lo scrolling


Vediamo quali sono i parametri da poter personalizzare:

  • loop - è il numero di iterazioni dello scorrimento; se lo si imposta sul valore -1 si avrà lo scorrimento infinito e continuo;
  • behavior - controlla il comportamento dello scorrimento:
    • scroll - il testo va ad uscire dal box e riapparr dal lato opposto rispetto a quello da cui è uscito (valore di default);
    • slide - simile a scroll, ma quando il testo raggiunge la fine della casella scompare "di colpo" e ricomincia da capo;
    • alternate - il testo "rimbalza" tra i margini del box di testo, senza uscirne fuori.
  • scrollamount - imposta il numero di pixel di avanzamento del testo; maggiore è il numero e più veloce sarà lo spostamento del testo;
  • scrolldelay - velocità dello scroller; indica il numero di millisecondi fra ciascuno dei successivi spostamenti del testo; impostate un valore arbitrario ma comunque non troppo alto;
  • direction - direzione per lo scorrimento del testo; può essere scelta tra: up, down, left e right;
  • height e width - cioè rispettivamente altezza e larghezza dello scroller;
  • align - l'allineamento dello scroller.

FANNE BUON USO

Nessun commento:

Posta un commento

Ti ringrazio per ogni commento, appunto, modifica o richiesta di chiarimento. Mantenendo sempre un tono civile. Ogni commento che non rispetta tali regole, sarà eliminato, sopratutto se fatto in maniera anonima. TI ricordo che cerchiamo nuovi collaboratori o appunti, per implementare il materiale presente sul sito.

Related Posts Plugin for WordPress, Blogger...