Egéráthúzási Javascript gomb hatásai

Ha valaha is láttam egy gomb a honlapon, hogy megváltoztatja formában , ha a kurzor rajta , akkor valószínűleg látta a " Egéráthúzási " hatása a javascript . Javascript nem tévesztendő össze a Java programozási nyelv , egy egyszerű programozási nyelv a weboldalak . Az a képesség, javascript , hogy magukhoz változók lehetővé teszi az egyedi hatások , amikor egy egeret fölé egy elemet , beleértve a gombok .
A " onmouseover " attribútum

A legtöbb esetben a javascript foglalkozik a meghatározó " onmouseover " belül link tag .

& lt; a href = " mysite.com " onmouseover = "

Ez az attribútum ténylegesen részt a javascript kódot írni fogsz a gombokat, vagy közvetlenül azonosítani a új képet . Mivel a legtöbb gombok weboldalak valójában kis képek fájlokat hozhat létre sok különböző hatások segítségével két képet , az egyik a rendszeres gombot, és a másik az " Egér alatti " gomb .

integrált Javascript

Ma már sok böngésző tartalmazza a javascript kódot szerves részévé kell tenni " onmouseover " és a " onMouseOut , " amely visszaadja a gombot az eredeti állapotába , miután az egér bal , anélkül, hogy további javascript . elérni ennek helyezze a kifejezés " dokumentumot . [ itemname ] .src = [ hely] " után a " ... over" , és " ... ki " tulajdonítja . A " [ itemname ] " szövegrész helyébe az értéke ID attribútum a kép tag szeretne gurult . Például document.mine.src = " mypicture2.jpg " lenne korrelál egy kép & lt ; img src = mypicture.jpg id = enyém > . A " hely" az a könyvtár , ahol a MouseOver vagy MouseOut fájl ül . Ha ez ugyanabban a könyvtárban, a HTML fájlt , ahol a kód íródik, akkor csak a fájlnév nem szükséges .
Hozzáadása Script

Ez a fajta kód lehet nehézkes , ha kívánják számos élőpontokkal . Modernizálja az eljárást , akkor írj egy javascript függvény , és csak úgy hívunk , hogy a funkció egy szám vagy string változó . Helyezze a javascript a fejlécben a HTML fájlt , és tegye belül & lt ; script > tag-ek . A "funkció " név " ( ) " - ahol a 'name' van bármilyen egyedi név választja - fel lehet hívni a & lt ; A> címke onmouseover vagy onMouseOut tulajdonítja . Például & lt ; a href = " webpage.html " onmouseover = " MyOver ( ) " onmouseout = " MyOut ( ) > . " Ha használja változók , akkor egy scriptet , amely automatikusan megkeresi a kép és a hozzá tartozó MouseOver egyenértékű . Például , a forgatókönyvet lehetett keresni egy képfájlt " [változó ] _on.jpg " , amikor onmouseover aktiválódik , és " [változó ] _off.jpg " , amikor OnMouseOff aktiválódik . Akkor a tag csak meg kell hívni " onmouseover = " myout ( [változó ] ) ' " annak érdekében, hogy aktiválni . A kapcsolódó képeket lenne , persze , meg kell nevezni " [változó ] _on.jpg " és a " [változó ] _off.jpg " - " [változó ] " , persze , hogy bármilyen egyedi szöveg vagy numerikus karakterlánc választja .
Gördülő Kép

a hosszabbítás végül jön le, hogy hogyan kézműves képek megjelenítéséhez a gombot . Néhány gyakori mellékhatások, így teh eredeti gomb " ragyogás " ahogy lebeg felette . Régebbi hatások tette egy emelt kinézetű gomb jelenik meg , mintha már depressziós . Ezek a hatások több képet is használhassunk , létrehozott képszerkesztő szoftver. Fontos, hogy az összes ilyen képfájlok pontosan ugyanazt a méreteket , mert a weblap is torzulhat minden borulás.