Efekt?


(sebastian003) #1

Witam chciałbym was sie spytać jak nazywa sie efekt taki jak jest w serwisie http://www.centrumxp.pl gdy najedziemy na newsa on sie delikatnie podświetla może mi ktoś coś o tym pod powiedzieć jaki kod i w czym to jest napisane. Z góry dzięki.


(Balon) #2

Javascript oczywiście... Kod znajdziesz w ich plikach .js, ale lepiej sam to napisz :wink:


(sebastian003) #3

nie napisze bo nie znam nie badz cwany i podaj kod skryptu :lol:


(Azpr) #4

BalonPL zawsze rozwalasz komara czołgiem?

sebastian003 taki efekt można uzyskać poprzez CSS, emm dokładnie Ci nie powiem jak sie to nazywa, ale poszukaj coś pod "menu w formie zakladek" :smiley: napewno znajdziesz, zajladki które poświetlają sie jakna nie najdzieszesz... wystarcxzy przerobić


(Monczkin) #5

Nazwij temat konkretnie.


(Airborn) #6

takiego efektu przy pomocy CSS nie uzyskasz, przy pomocy CSS możesz co najwyżej uzyskać gwałtowną zmianę z jednego koloru w drugi, tutaj ta zmiana jest częściowo 'wygładzona'

sebastian003 jeżeli chcesz poszukać więcej na ten temat możesz szukać pod hasłem rollover


(Mjoniak) #7

Natomiast zmianę "gwałtowną" uzyskuje się dzięki "hover", w css. Cały news obejmujemy

em, nadajemy mu klasę i w arkuszu css:

div.nazwaklasy {

background-color: kolor_przed_najechaniem_myszą;

}


div.nazwaklasy:hover {

background-color: kolor_po_najechaniu;

}

(Airborn) #8

kot3 zasadniczo masz rację, jednak należy też pamiętać, że pseudoklasa :hover jest niepoprawnie interpretowana przez starsze wersje IE i działa tylko dla selektora a


(Mjoniak) #9

Owszem, ale Firefox i Opera nie mają z tym problemu. Dla IE zawsze całość można jeszcze objąć i to jemu dać klasę.


(Balon) #10

Nie zawsze ;] A czy Ty zawsze piszesz takie bzdurne porady ludziom?

Po pierwsze to jest pseudoklasa.. Po drugie nazywa się ona :hover, a po trzecie na pierwszy rzut oka widać, że to jest gładkie przejście z jednego koloru do drugiego.. Krótko mówiąć Javascript jest tu potrzebny.

Żeby działało wszędzie na przeglądarkach z JS wystarczy atrybut onmouseover , chociazby tak

onmouseover="this.style.backgroundColor = '#000';"

pozdrawiam