Risultati di testo quando un visitatore passa sopra un link o un'immagine sul tuo sito web è un ottimo modo per condividere ulteriori informazioni su dove un link rimanda o quello che un'immagine contiene . Se si dispone di accesso per modificare il codice HTML del tuo sito web , e di saper utilizzare collegamento ( A) e di immagine ( IMG ) tag , si può facilmente integrare il testo di rollover . Cose che ti serviranno
HTML Editor
Mostra più istruzioni
Mostra testo su un'immagine rollover
1
Trova il codice HTML per l'immagine che si desidera aggiungere hover testo . Dovrebbe apparire così:
2
Aggiungere o modificare l'attributo TITLE che contiene il testo che si desidera visualizzare quando qualcuno passa sopra l'immagine
Per esempio : .
< img src = " http://www.linkto.com/your/image.jpg " title = " testo aggiuntivo per apparire su hover " />
3
Aggiungere o modificare l'attributo ALT che contiene il testo che si desidera visualizzare quando qualcuno passa sopra l'immagine . ( Per la compatibilità cross-browser , il testo rollover desiderato deve comparire sia nella attributi ALT e TITLE . ) Per
Per esempio :
< img src = " http://www . linkto.com /vostra /immagine.jpg " alt = " testo aggiuntivo per apparire su hover " title = " testo aggiuntivo per apparire su hover " />
4
Conferma il tuo rollover sia funzionante rinfrescante la pagina Web e tenendo il cursore sopra l' immagine per 1-2 secondi.
Mostra testo su un link Rollover
5
Trova il codice HTML per il link che si desidera per aggiungere hover testo per . Dovrebbe apparire così:
href="http://www.yourlink.com"> Link Text < /a>
6
aggiungere o modificare la tITOLO attributo che contiene il testo che si desidera visualizzare quando qualcuno passa sopra il link
Per esempio : .
link Text < /a>
7 Conferma la tua rollover funziona aggiornando il vostro Web page e tenendo il cursore sopra il link per uno o due secondi. < br >