Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] rozwijane menu
Kamil Pietrzak
post 17.01.2010, 22:17:36
Post #1





Grupa: Zarejestrowani
Postów: 213
Pomógł: 10
Dołączył: 7.01.2010
Skąd: Lublin

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


Witam

jak moge zrobic menu np. takie jak na tej stronie http://nasza-klasa.pl/
chodzi mi o to jak ogarnac calosc tak aby w momencie najechania na zakladke calosc sie nei rozpadala... i jak ukryc podzakladki tak aby nie wplywaly na samo menu a pozniej wyswietlalo sie w odpowiednim miejscu
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
Kildyt
post 17.01.2010, 23:20:15
Post #2





Grupa: Zarejestrowani
Postów: 869
Pomógł: 53
Dołączył: 20.10.2003
Skąd: Przeworsk

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


Po co od razu javascript i utrudnianie życia? Wystarczy CSS.
Ustawiasz hover, minusowe marginesy dolne, position: relative i jest.

Podam przykład.
  1. <ul id="first">
  2. <li class="li">
  3. <span>Pierwsze menu</span>
  4. <ul>
  5. <li>rozwijane!</li>
  6. </ul>
  7. </li>
  8. </ul>

Kod
#first ul {
   display: none;
   position: relative;
   margin-bottom: -20px;
}

#first .li:hover ul {
   display: block;
}

#first .li ul li {
   height: 20px;
}
Powinno działać, ale nie sprawdzałem.


--------------------
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: 24.07.2025 - 20:41