Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] JQuery - przeźroczystość po najechaniu
bahh
post 7.09.2013, 12:56:46
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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


Witam - oto mój kod do tworzenia przeźroczystości divów po najechaniu myszką bazujacy na JQuery:

  1. $(document).ready(function(){
  2. $(".mmenua").fadeTo("fast", 0.7);
  3. $(".mmenua").hover(function(){
  4. $(this).fadeTo("fast", 1.0);
  5. },function(){
  6. $(this).fadeTo("fast", 0.7);
  7. });
  8. });


  1. <div class="mmenua">
  2. <div class="menu_d"><a href="">Home</a></div>
  3. </div>


Chciałbym by to przyciemnienie nie dotyczyło tekstu znajdującego się w divie tzn ciągle tekst był na 1.0 bo aktualnie div wraz zawartością ulega przeźroczystości. Jak temu zaradzić? Próbowałem by nadać klasę linkowi ale nie wiem jak użyć dokładnie przy hover :not albo .not() dla tekstu. Jak powinna ta linijka wyglądać by działała?
Go to the top of the page
+Quote Post
flashdev
post 7.09.2013, 15:37:04
Post #2





Grupa: Zarejestrowani
Postów: 812
Pomógł: 117
Dołączył: 2.12.2008

Ostrzeżenie: (10%)
X----


Zmieniaj alpha samego tła.
A w ogóle to lepiej to w samym css zrobić - po to jest.


--------------------
Go to the top of the page
+Quote Post
bahh
post 8.09.2013, 14:47:35
Post #3





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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


Wybacz, ale jestem zielony w JQuery więc nie mam pojęcia jak to zrobić.

Gdybym użył cssa to nie uzyskałbym płynnej zmiany przeźroczystości.
Go to the top of the page
+Quote Post
fiszol
post 8.09.2013, 14:57:23
Post #4





Grupa: Zarejestrowani
Postów: 449
Pomógł: 16
Dołączył: 25.05.2004
Skąd: Gorzów Wlkp.

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


Jak to nie?
http://jsfiddle.net/hGwD3/1/


--------------------
\o/
Go to the top of the page
+Quote Post
bahh
post 8.09.2013, 15:18:06
Post #5





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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


widać mam braki w nowościach w css

w jaki sposób sprawić by po najechaniu na cały div o klasie mmenua zadziałał hover na divy z klasa menu_d i jednocześnie na menu_b?

http://jsfiddle.net/bahh/hGwD3/6/

Ten post edytował bahh 8.09.2013, 15:30:52
Go to the top of the page
+Quote Post
zegarek84
post 8.09.2013, 20:34:42
Post #6





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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


.mmenua:hover .menu_b {}
.mmenua:hover .menu_d {}

a jeszcze lepiej skoro to bezpośrednie dzieci
.mmenua:hover>.menu_b {}
.mmenua:hover>.menu_d {}
http://jsfiddle.net/hGwD3/7/


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

Go to the top of the page
+Quote Post
bahh
post 8.09.2013, 23:22:01
Post #7





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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


Doskonale, dzięki wielkie za pomoc
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 Wersja Lo-Fi Aktualny czas: 28.04.2024 - 04:24