Forum PHP.pl > [JavaScript] rozwijane menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] rozwijane menu

Kamil Pietrzak

17.01.2010, 22:17:36

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

Kildyt

17.01.2010, 23:20:15

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

Podam przykład.

[HTML] pobierz, plaintext 
<ul id="first">
   <li class="li">
      <span>Pierwsze menu</span>
      <ul>
         <li>rozwijane!</li>
      </ul>
   </li>
</ul>
[HTML] pobierz, plaintext

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.

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.