Come per visualizzare il testo su Rollover

April 12

Come per visualizzare il testo su Rollover


Visualizzazione di testo quando un visitatore passa sopra un link o immagine sul vostro sito web è un ottimo modo per condividere ulteriori informazioni su dove un link rimanda o quello che contiene un'immagine. Se si ha accesso a modificare il codice HTML del tuo sito web, e sa come utilizzare collegamento (A) e di immagine tag (IMG), si può facilmente integrare il testo di rollover.

istruzione

Mostra testo su un rollover Immagine

1 Trova il codice HTML per l'immagine che si desidera aggiungere del testo hover per. Dovrebbe sembrare come questo:

<Img src = "http://www.linkto.com/your/image.jpg” />

2 Aggiungere o modificare l'attributo titolo contenente il testo che si desidera visualizzare quando qualcuno rotola sopra l'immagine.

Per esempio:

<Img src = "http://www.linkto.com/your/image.jpg” title = "Testo aggiuntivo a comparire su hover" />

3 Aggiungere o modificare l'attributo ALT contenente il testo che si desidera visualizzare quando qualcuno rotola sopra l'immagine. (Per la compatibilità cross-browser, il testo rollover desiderato deve apparire in entrambi gli attributi ALT e TITLE.)

Per esempio:

<Img src = "http://www.linkto.com/your/image.jpg” alt = "text aggiuntivo a comparire su hover" title = "Testo aggiuntivo a comparire su hover" />

4 Conferma la tua rollover sta lavorando per aggiornare la pagina Web e tenendo il cursore sopra l'immagine per uno o due secondi.

Mostra di testo su un collegamento Rollover

5 Trova il codice HTML per il link che si desidera aggiungere del testo hover per. Dovrebbe sembrare come questo:

<a href="http://www.yourlink.com”> Link Text </a>

6 Aggiungere o modificare l'attributo titolo contenente il testo che si desidera visualizzare quando qualcuno rotola sopra il link.

Per esempio:

<A href = "http: //www.yourlink.com” title = "Testo aggiuntivo a comparire su hover"> Link Text </a>

7 Conferma la tua rollover sta lavorando per aggiornare la pagina Web e tenendo il cursore sopra il link per uno o due secondi.

Consigli e avvertenze

  • I metodi utilizzati per visualizzare il testo su un rollover anche rendere il vostro sito web più accessibile per le persone non vedenti o che hanno difficoltà a vedere, perché i lettori di schermo parleranno il testo ad alta voce.