Form kiemelése és onmouseover
Van egy Formom(Egy divben). Két szövegbeviteli mezővel és egy gombbal. Hogyan oldhatom meg, hogy ha az egér a form fölött van vagy ha belekattint a beviteli mezőbe akkor a háttér fokozatosan elhalványul és csak a form marad látható.
Hogyan működik a mouseover?
■ Hogyan működik a mouseover?
re
Készíts a form elemhez egy stílust, (pl .form), adj neki háttérszínt. Ezután készíts újabb stílust .form:hover néven, és adj neki másik háttérszínt. Így ha az egeret fölé viszed, a hover állapotra vált, ha leviszed visszatér az alaphoz.
Az elhalványodás effekt csak css-el nem megoldható, kétféleképp lehet: vagy bevonsz valamilyen javascript segédletet, vagy pedig készítesz egy 1x1-es mozgó gifet, ami a két szín között vált, majd beállítod a hover állapot hátterének.
Re
ie
t
Cover
Az űrlapodat is div-be teszed de annak a Z-indexét nagyobbra állítod, mint a "takaró" div-nek. Amikor belekattintasz a szövegbeviteli mezőbe, akkor megjeleníted a "takarót".
Ha azt akarod, hogy halványodjon, akkor kis késleltetéssel hivogathatsz rekurzíve egy rutint, ami folyamatosan sötétebb és sötétebb hátteret biztosít a "takarónak".
Azért ez elég felületes, de ez is egy logika a megvalósításra.
s_volenszki
Itt a megoldás!
http://prototype-window.xilinus.com/samples.html