Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Zwrotne oddziaływanie w kaskadowości CSS
divx_divine
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 30.10.2011

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


Witam. Mam pewien oto przypadek:

  1. <div id="header">
  2. <div id="nav">
  3. <ul>
  4. <li>punkt 1</li>
  5. <li>punkt 1</li>
  6. <li>punkt 3</li>
  7. </ul>
  8. </div>
  9. </div>


Chcę, aby po najechaniu na 1 punkt w liście zmieniła się wysokość headera, ale nie mam pojęcia jak oddziałowywać zwrotnie w kaskadowości CSS. Proszę o pomoc.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Sephirus
post
Post #2





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

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


Obawiam się, że to działa w jedną stronę - i nie jest to kaskadowość a bardziej dziedziczenie - kaskadowość w CSS oznacza coś innego. Jedyne IMHO rozwiązanie to JS, dla ułatwienia proponuję jQuery:

[JAVASCRIPT] pobierz, plaintext
  1. $('#nav li:first').mouseover(function () {$('#header').css('height','100px');});
  2. $('#nav li:first').mouseout(function () {$('#header').css('height','50px');});
[JAVASCRIPT] pobierz, plaintext


Czy jakoś tak (IMG:style_emoticons/default/wink.gif)

EDIT: błąd

Ten post edytował Sephirus 19.11.2012, 16:34:47
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 14.10.2025 - 04:56