Forum PHP.pl > [CSS][JavaScript]Menu czarnobiałe, które op najechanu myszką robi się kolorowe

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][JavaScript]Menu czarnobiałe, które op najechanu myszką robi się kolorowe

lamcpp

20.02.2013, 16:58:17

Mam menu złożone ze zwykłych linków, które są czarnobiałymi zdjęciami.
Jak zrobić za pomocą jquery (bo chciałbym aby działo się to bardzo szybko)by po najechaniu na linka zdjęcie zmieniło się na kolorowe

Helid

20.02.2013, 17:07:49

[CSS] pobierz, plaintext 
a
{
background: src('obrazek zwykly');
}
a:hover
{
background: src('obrazek po najechaniu');
}
[CSS] pobierz, plaintext

js szybciej spowolni niż przyspieszy

krzysiekk

20.02.2013, 23:23:26

Cytat(Helid @ 20.02.2013, 17:07:49 )

[CSS] pobierz, plaintext 
a
{
background: src('obrazek zwykly');
}
a:hover
{
background: src('obrazek po najechaniu');
}
[CSS] pobierz, plaintext

js szybciej spowolni niż przyspieszy

mysle ze sposób kolegi jest Ok niemniej bym zrobił coś takiego :

przygotował bym obrazek jeden który będzie się składał z 2 obrazków po lewej czarno biały na po prawej kolorowy
i teraz tak jak kolega powyżej pisał wykorzystujemy zdarzenie a:hover

zamieszczam przyklad:

[HTML] pobierz, plaintext 
div#left ul.nav-list-a a:link, div#left ul.nav-list-a a:visited {
    background: url(../layout/left-nav-link-hover-a.png) no-repeat center left;
    color: #c1c1c1;
    display: block;
    height: 25px;
    line-height: 210%;
    text-indent: 10px;
    width: 230px;
}
 
div#left ul.nav-list-a a:hover, div#left ul.nav-list-a a:active {
    background: url(../layout/left-nav-link-hover-a.png) no-repeat center right;
    color: #d8a818;
}
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.