Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][JavaScript]Menu czarnobiałe, które op najechanu myszką robi się kolorowe
lamcpp
post
Post #1





Grupa: Zarejestrowani
Postów: 372
Pomógł: 2
Dołączył: 10.05.2009

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Helid
post
Post #2





Grupa: Zarejestrowani
Postów: 280
Pomógł: 20
Dołączył: 12.12.2007
Skąd: 127.0.0.1

Ostrzeżenie: (0%)
-----


  1. a
  2. {
  3. background: src('obrazek zwykly');
  4. }
  5. a:hover
  6. {
  7. background: src('obrazek po najechaniu');
  8. }

js szybciej spowolni niż przyspieszy


--------------------
Go to the top of the page
+Quote Post
krzysiekk
post
Post #3





Grupa: Zarejestrowani
Postów: 155
Pomógł: 17
Dołączył: 13.03.2006
Skąd: Jaworze

Ostrzeżenie: (0%)
-----


Cytat(Helid @ 20.02.2013, 17:07:49 ) *
  1. a
  2. {
  3. background: src('obrazek zwykly');
  4. }
  5. a:hover
  6. {
  7. background: src('obrazek po najechaniu');
  8. }

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:
  1. div#left ul.nav-list-a a:link, div#left ul.nav-list-a a:visited {
  2. background: url(../layout/left-nav-link-hover-a.png) no-repeat center left;
  3. color: #c1c1c1;
  4. display: block;
  5. height: 25px;
  6. line-height: 210%;
  7. text-indent: 10px;
  8. width: 230px;
  9. }
  10.  
  11. div#left ul.nav-list-a a:hover, div#left ul.nav-list-a a:active {
  12. background: url(../layout/left-nav-link-hover-a.png) no-repeat center right;
  13. color: #d8a818;
  14. }
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 00:29