Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [javascript] menu
Forum PHP.pl > Forum > Przedszkole
angerthor
Mam menu w postaci :
  1. <ul id='menuT'>
  2.  
  3.  
  4.  
  5. <li> Sub1
  6. <ul>
  7. <li><a >jakis link 1</a></li>
  8. <li><a >jakis link 2</a></li>
  9. </ul>
  10. </li>
  11.  
  12.  
  13.  
  14. <li> Sub2
  15. <ul>
  16. <li><a >jakis link 1</a></li>
  17. <li><a >jakis link 2</a></li>
  18. </ul>
  19. </li>
  20.  
  21.  
  22. <li> Sub3
  23. <ul>
  24. <li><a >jakis link 1</a></li>
  25. <li><a >jakis link 2</a></li>
  26. </ul>
  27. </li>
  28.  
  29. </ul>
  30.  


Chce aby ono bylo w poziomie, a linki wyswietlaly sie tylko po najechaniu na konkretny Sub, zatem robie styl:

  1. #menuT > li {
  2. float: left;
  3. }
  4.  
  5. #menuT > li > ul {
  6. display: none;
  7.  
  8. }


I teraz pisząc kod w javascripcie, polegający na tym, że po najechaniu myszką na konkretnu sub, zmienia się "jego" ul na display:block; Problem polega jednak na tym, iż te suby są w poziomie i jeżeli długość linków jest dłuższa to się rozjeżdzają na boki.

Działa tutaj takie rozwiązanie
  1. #menuT > li > ul {
  2. display: none;
  3. width: 1px; // ul'e maja teoretycznie dlugosc 1, czyli ich rodzice beda na pewno "dluzsi" i nie beda sie rozjezdzac.
  4. }


Problem ten jednak nie jest dobry, gdy chcialbym zamiast "display: block", uzyc z jquery np. show("slow"), to bedzie pokazywac mi sie tylko 1px kreska (dlugosc ul'a). Jakies pomysły ?
erix
Daj może gdzieś na żywo ten kod.
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.