Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] JQuery - przeźroczystość po najechaniu
Forum PHP.pl > Forum > Przedszkole
bahh
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?
flashdev
Zmieniaj alpha samego tła.
A w ogóle to lepiej to w samym css zrobić - po to jest.
bahh
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.
fiszol
Jak to nie?
http://jsfiddle.net/hGwD3/1/
bahh
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/
zegarek84
.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/
bahh
Doskonale, dzięki wielkie za pomoc
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.