Gillar du den här guiden? Vill du att vi ska fortsätta göra fler guider? - läs mer här » 

skriv ut »

Byt färg på bläddringslist

Ännu en variant av "rollover-effekt". När besökaren för muspekaren över en länk, klickar på en länk eller tar bort muspekaren från länkområdet så ändras färgen på bläddringslisten. Prova själv!

Exempel 1:

För muspekaren över denna text, klicka och lämna länkområdet. Färgen ändras vid varje åtgärd

Exempel 2:

För muspekaren över denna text. Den nya färgen kvarstår när du lämnar länken

Exempel 3:

För muspekaren över denna text, färgen ändras inte då utan när du lämnar området

 

Läs mer om att ändra färg på bläddringslister med hjälp av CSS »

 

Här är de olika attributen till <A> som du lägger där länken ska vara. Byt ut länktexter och färger mot dina egna:

Exempel 1:

När muspekaren förs över länken eller lämnar länken och vid klickning

Prova här »

<a href="din_sida.htm" onMouseOver="body.style.scrollbarBaseColor='#CC9900'"
onMouseOut="body.style.scrollbarBaseColor='#006699'" onClick="body.style.scrollbarBaseColor='#CC0033'">
din egen länktext här!
</a>

 

Exempel 2:

När muspekaren förs över länken:

Prova här »

<a href="din_sida.htm" onMouseOver="body.style.scrollbarBaseColor='#D610D0'">din egen länktext här!
</a>

 

Exempel 3:

När muspekaren lämnar området:

Prova här »

<a href="din_sida.htm" onMouseOut="body.style.scrollbarBaseColor='#996600'">din egen länktext här!
</a>

 

 

Till förra sidan!