Onmouseover Štýly

onmouseover , alebo prevrátenia , efekt je , keď webmaster kódy obrázok , odkaz alebo text , ktorý sa zmení , keď používateľ odovzdať svoje kurzoru nad ním . Aplikovaný efekt môže byť , že modré tlačidlo Menu sa zmení na červenú , alebo že odkaz svieti . Onmouseover ponúka " živé " , interaktívne pocit na inak statické webové stránky a môže návštevník webu navigačné narážky alebo obsahu výzvy . Webmasteri môžu použiť buď JavaScript alebo kaskádových štýlov ( CSS ) , kódovať rôzne štýly prehupne . Javascript Single Image Rollover

Vytvorte dva obrazy rovnakej veľkosti . Prvý obrázok by mal byť čo návštevníci uvidia , keď prvýkrát prišiel na internetových stránkach . Toto je " off " image , obraz , ktorý sa zobrazí , keď je návštevník nie je kurzoru nad ním . Druhý obrázok by mal byť " nad " image , image , že návštevníci uvidia , keď sa myši na " off " obrazu .

Pridať nižšie uvedený kód do vašich webových stránok HTML . Tento kód spôsobí akciu prevrátenia , meniace sa jeden snímok do druhého . Otvorte svoj ​​súbor HTML v programe Poznámkový blok alebo vašom obľúbenom editore HTML a vložiť kód do tela dokumentu . Než vložíte kód , zmeniť jednu inštanciu " home_off.gif " na názov vášho " off " imidž . Zmeňte jednu inštanciu " home_over.gif " na názov vášho " cez " imidž