Resultaat tekst wanneer een bezoeker rolt over een koppeling of afbeelding op uw website is een geweldige manier om extra informatie over waar een link leidt of wat een afbeelding bevat delen . Als u toegang tot de HTML -code van uw website te bewerken , en weet hoe je koppeling ( A ) en image -tags ( IMG ) te gebruiken , kunt u eenvoudig opnemen rollover tekst . Wat je nodig hebt
HTML -editor
Toon Meer Aanwijzingen
Toon Tekst op een afbeelding Rollover
1 Zoek de HTML- code voor de afbeelding die u wilt hover voegen tekst voor . Het moet er zo uitzien : ![]() src="http://www.linkto.com/your/image.jpg" /> kopen van 2 toevoegen of bewerken het TITLE attribuut met de tekst die u wilt weergeven als iemand rolt over de afbeelding
bijvoorbeeld : .
< img src = " http://www.linkto.com/your/image.jpg " title = " Extra tekst te verschijnen bij hover " />
3 toevoegen of bewerken de ALT- attribuut met de tekst die u wilt weergeven als iemand rolt over de afbeelding . ( Voor cross-browser compatibiliteit , gewenste rollover tekst dient te worden weergegeven in zowel de ALT -en TITLE attributen . ) Op Twitter Bijvoorbeeld :
< img src = " http://www . linkto.com /uw /image.jpg " alt = " Extra tekst te verschijnen bij hover " title = " Extra tekst te verschijnen bij hover " />
4 Bevestig uw rollover werkt met het opfrissen uw webpagina en het houden van uw cursor over de afbeelding voor een tot twee seconden ingedrukt.
Toon tekst op een link Rollover
5 Vind de HTML- code voor de koppeling die u wilt naar hover tekst voor . Het moet er zo uitzien : Link Text
< /a >
6 toevoegen of bewerken van de tITLE attribuut met de tekst die u wilt weergeven als iemand rolt over de link
bijvoorbeeld : .
< a href = " http://www.yourlink.com " title = " extra tekst te verschijnen bij hover " > Link Text < /a >
7 Bevestig uw rollover werkt met het opfrissen van uw webpagina en het houden van uw cursor over de link voor 1-2 seconden . < br >
|
