HTML-szerkesztés kezdőknek!!!
-
#6440
"Van egy gombom és ha ráviszem az egeret akkor villanjon meg vagy valami változás legyen a gombon"
A technika neve rollover.
Két kivitelezési technikája van (na jó, van több is, de a HTML-hez e kettő köthető): Javascripttel és CSS-sel.
A Javascriptes metódus úgy működik, hogy az adott "gomb" (ami egy kép) onmouseover (amikor az egérkurzor a kép fölött van) és onmouseout (amikor az egérkurzor nincs a kép fölött) eseményeihez hozzárendeljük a kép elérhetőségének cseréjét.
<img src="kep1.jpg" alt="Képaláírás" onmouseover="this.href='kep2.jpg'" onmouseout="this.href='kep1.jpg'" />
Példa
A CSS-beli megoldás hasonló dolgon alapszik, itt pedig egy blokk (praktikussági okokból általában egy link) hátterét állítjuk át.
Az onmouseover eseményt itt a :hover, az onmouseout-tot meg az alapeset prezentálja.
Egyszeribb példa
Trükkösebb példa