Pomik miške Javascript Učinki Button

Če ste kdaj videli gumb na spletni strani, ki spreminja obliko , ko je kazalec nad njim , potem ste verjetno opazili " mouseover " učinek z uporabo Javascript . Javascript, ne smemo zamenjevati z programskem jeziku Java , jepreprost skriptni jezik za spletne strani . Sposobnost za javascript za shranjevanje in prenašanje spremenljivk omogoča edinstvene učinke , komiško lebdi nad postavko , vključno z gumbi.
" OnMouseOver " atribut

Najbolj pogosto se ukvarja javascript , ki ga opredeljuje " OnMouseOver " znotraj link tag

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

Ta atribut se dejansko ukvarjajo z javascript kodo, ki jo boste napisali za gumbe ali morda neposredno identifikacijo novo podobo . Ker je večina gumbov na spletnih straneh, so dejansko majhne slike datoteke , lahko ustvarite različne učinke z uporabo dveh različnih slik , eno za redno gumb indrugo za gumb " mouseover " .

Integrirana Javascript

Danes mnogi brskalnik vključujejo javascript kodo , potrebno za vključitev v " OnMouseOver " in " OnMouseOut ", ki vrne gumb v prvotno stanje , potem ko jezapustil miška , brez dodatnega javascript . za izpolnitev to postavite stavek " dokument . [ itemname ] .src = [ lokacija ] " potem" ... več" in " ... out" atributov . " [ Itemname ] " nadomesti z vrednostjo ID atribut v slikovno oznako , ki jo želite prenesti . Na primer , document.mine.src = " mypicture2.jpg " bi v korelaciji s slikovno oznako & lt; img src = mypicture.jpg id = rudnika > . "Lokacija" jeimenik, kjerprehodov miške ali MouseOut datoteka sedi . Če je toista imenik kot datoteko HTML , če je koda, ki je pisno , nato pa samoime datoteke je potrebno .

Dodajanje Script

Ta vrsta kode lahko nerodno , če si želijo številne učinke prevračanjem . Za poenostavitev postopka , lahko napišete javascript funkcijo in preprosto pokličete to funkcijo s številko ali spremenljivko string . Postavite javascript v glavi datoteke HTML in ga priložite v & lt; script> oznake . "Funkcija " ime " ( )" - kjer je " ime " vsako edinstveno ime izbrati - lahko nato imenuje v& lt;> tag je OnMouseOver ali OnMouseOut atribute . Na primer , & lt ; a href = " webpage.html " onmouseover = " MyOver () " onmouseout = " MyOut ( ) > . " Če uporabljate spremenljivke , lahko ustvarite skript , ki samodejno išče slike in njene ustrezne protivrednosti prehodov miške . Na primer , lahkoskript iskatislikovne datoteke "[ spremenljivo ] _on.jpg " , ko se aktivira OnMouseOver in " [ spremenljivo ] _off.jpg " , ko se aktivira OnMouseOff . Potem bitag le poklicati " onmouseover = " myout ( [ spremenljivke] ) " ", da bi bilo treba aktivirati . Z njim povezane podobe bi , seveda, so se poimenovali kot " [ spremenljivo ] _on.jpg " in " [ spremenljivo ] _off.jpg " - " [ spremenljivo ] ", je seveda vsaka edinstvena besedilo ali številčni niz izberete .
Prevrnitev Images

rollovers končno prišli dol , kako si plovne objekte, slike za prikaz na gumb . Nekateri pogosti učinki vključujejo izdelavo TEH izvirno gumb " sijaj ", kot ste hover nad njim. Starejši učinki napostavljeno izgleda gumb zdi, kot če bi bil depresiven . Ti učinki uporabite več slik, ustvarjenih v grafične programske opreme za urejanje . Pomembno je, da so vse te slikovne datoteke točne takšne mere , sicerspletna stran lahko popačena na vsaki prevračanja .