Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come visualizzare il testo sul rollover

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.

 

Programmazione © www.354353.com