Hvordan Uthev et IMG

Bilde mus-over effekter kan brukes til å krydre opp en nettside utseende og trekke en brukers oppmerksomhet til et bestemt bilde. CSS-kode, i forbindelse med HTML, kan brukes til å markere et bilde via "opacity" eiendom. Når denne egenskapen er brukt til "IMG" tag, vil bildet vises litt nedtonet til brukeren plasserer musepekeren over bildet, gir det et "høydepunkt" effekt. Legge denne funksjonen til de eksisterende bildene på websiden din er en relativt enkel prosess som tar bare minutter å gjøre.

Bruksanvisning

1 Åpne HTML-side som inneholder bildet som du ønsker å fremheve i en HTML-editor.

2 Finn HTML-kode som inneholder bildet du vil ha fremhevet. Koden kan vises som <img border = "0" inne i <a> tag. Sluttresultatet skal vises som følgende: <a href="http://www.example.com/" class="highlightit"> <img border = "0" src = "Test.gif"> </a>

3 Skriv inn følgende CSS kode i CSS header i HTML-side eller åpne CSS fil i HTML editor og legge til koden. Lagre filene når du er ferdig.

.highlightit img {

filter: progid: DXImageTransform.Microsoft.Alpha (opacity = 50);

-moz-opacity: 0.5;

opacity: 0.5;

}

.highlightit: hover img {

filter: progid: DXImageTransform.Microsoft.Alpha (opacity = 100);

-moz-opacity: 1;

opacity: 1;

}