Come Far Sbattere il Testo in HTML: 10 Passaggi (con Immagini)

Contenuto

Passi
- Metodo 1 di 2: utilizzo del tag di selezione
- Metodo 2 di 2: utilizzo di JavaScript
Consigli
Avvertenze

Il testo lampeggiante non ha mai fatto parte delle funzionalità standard di HTML e non esiste un approccio che funzioni per tutti i browser. L`opzione più simile che utilizza solo html è il tag di selezione, ma anche se non funziona con Google Chrome. Javascript è un metodo più affidabile e puoi tagliare e incollare il codice direttamente nel tuo documento html.

Passi

Metodo 1 di 2: utilizzo del tag di selezione

Immagine intitolata Make Text Blink in HTML Step 1

1. Usa il tag tendone solo per progetti personali. Il tag di selezione è obsoleto e gli sviluppatori consigliano vivamente di evitarlo. Browser diversi lo visualizzeranno in modo diverso e futuri aggiornamenti potrebbero impedire al testo di lampeggiare del tutto. se hai intenzione di creare un sito web professionale.

Google Chrome non supporta l`attributo `scrollamount`, su cui si basa questo metodo. In quel browser, il tuo testo scorre sulla pagina invece di lampeggiare.

Immagine intitolata Make Text Blink in HTML Step 2

2. Inserisci i tag di selezione attorno al testo lampeggiante. Apri il tuo documento html in un semplice word processor. genere

Come sempre imposta prima la tua pagina html di

Immagine intitolata Make Text Blink in HTML Step 3

3. Imposta la larghezza del testo. Cambia il tag di apertura in

Se il tuo testo non si adatta, scorrerà invece di lampeggiare. Aumenta la larghezza per evitarlo.

In Chrome, il testo scorrerà su una distanza determinata dalla sua larghezza.

Immagine intitolata Make Text Blink in HTML Step 4

4. Imposta la quantità di scorrimento sullo stesso valore della larghezza. All`interno dello stesso tag che scrivi importo scorrimento=`300` (o lo stesso numero della larghezza). Per impostazione predefinita, il testo della selezione scorre sullo schermo. Impostando la quantità di scorrimento sullo stesso numero della larghezza, il testo "scorrerà" nella stessa posizione in cui si trovava prima. Questo dà un effetto lampeggiante.

Il tuo testo ora dovrebbe assomigliare a questo:

Immagine intitolata Make Text Blink in HTML Step 5

5. Modifica il ritardo di scorrimento. Apri il file html in un browser web per vedere l`effetto. Se il testo lampeggia troppo velocemente o troppo lentamente, modificare la velocità con l`attributo ritardo scorrimento=`500`. Il ritardo predefinito è impostato su 85. Utilizzare un numero più alto per un lampeggio più lento o un numero più basso per un lampeggio più veloce.

Ora dovresti avere:

Immagine intitolata Make Text Blink in HTML Step 6

6. Limita il numero di lampeggi (opzionale). Molti utenti web trovano fastidioso il testo lampeggiante. Per interrompere l`animazione una volta che hai l`attenzione del lettore, entra ciclo=`7`. Ora il testo lampeggerà sette volte e poi scomparirà. (Puoi usare qualsiasi numero invece di sette.)

Il codice completato:

Metodo 2 di 2: utilizzo di JavaScript

Immagine intitolata Make Text Blink in HTML Step 7

1. Inserisci uno script lampeggiante nell`intestazione del tuo documento html. Tra i

funzione testo lampeggiante() {
var f=documento.getElementById(`annuncio`);
setInterval(funzione() {
F.stile.visibilità=(f.stile.visibilità==`nascosto` ? `` : `nascosto`);
}, 1000);
}

Immagine intitolata Make Text Blink in HTML Step 8

2. Inserisci il comando per caricare il tuo script. Il codice sopra ha definito una funzione e l`ha chiamata `blinktext`. Per utilizzare questa funzione nel tuo html, cambia il

Immagine intitolata Make Text Blink in HTML Step 9

3. Definisci il tuo testo lampeggiante come un annuncio. Questo script riguarda solo gli elementi con l`id `annuncio`. Posiziona il tuo testo lampeggiante all`interno di ogni elemento e assegnagli quell`ID. Ad esempio, digita

Puoi rinominarlo in qualsiasi cosa tu voglia. Assicurati solo di usare la stessa parola nello script e nell`ID elemento.

Immagine intitolata Make Text Blink in HTML Step 10

4. Personalizza la sceneggiatura. Il numero `1000` nello script imposta il ritardo tra i lampeggi. Questo è in microsecondi, quindi un valore di 1000 farà lampeggiare il testo una volta al secondo. Cambialo con un numero più basso per accelerare il lampeggio o un numero più alto per rallentarlo.

Il ritardo effettivo probabilmente non sarà esattamente uguale a questo valore. Di solito è un po` più breve, ma può richiedere più tempo se il tuo browser è occupato con altre richieste.

Consigli

È possibile personalizzare l`aspetto del testo di selezione con l`attributo style. Prova ad aggiungere style=`border:solid`.
Puoi anche includere un attributo di altezza nel tag di selezione oltre alla larghezza, ma molti browser lo ignoreranno. Potresti notare una differenza se aggiungi un bordo alla selezione.
Puoi anche utilizzare le animazioni CSS per far lampeggiare il testo. Questo è abbastanza difficile e non raccomandato per i principianti in CSS. Tieni presente che devi disporre di un documento CSS collegato, poiché Firefox non supporta le animazioni CSS con CSS in linea.