Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS]Rozsuwane menu
Forum PHP.pl > Forum > Przedszkole
masterbx2
Witam zaprogramowalem rozsuwane menu poziome gdzie po najechaniu na jakies pole rozwija sie drugorzedne menu w dol. Mam teraz taki problem ze jest on jedynie interpretowany przez IE ...


Tak wyglada skrypt jednego pola:

  1. <style type="text/css">
  2. #menu {width: 150px; border: 1px solid #D3D3D3; height: 30px; overflow: hidden; text-align: center;}
  3. #menu:hover {background-color: #F0F0F0}
  4. ul {margin: 0px; padding: 0px;}
  5. li {list-style-type: none; width: 150px;}
  6. li a {text-decoration: none; display: block; width: 150px; padding: 5px; color: #3B3B3B; background-color: white;}
  7. li a:hover {text-decoration: none; color: #3B3B3B; width: 150px; padding: 5px; background-color: #F0F0F0 }
  8. #pole {border: solid 1px; height: 0px; overflow: hidden; position: absolute; background-color: white;}
  9.  
  10. </style>
  11.  
  12. <script type="text/javascript">
  13. function mouseOver()
  14. {
  15. var pole = document.getElementById("pole");
  16. pole.style.height = "120";
  17. }
  18. function mouseOut()
  19. {
  20. var pole = document.getElementById("pole");
  21. pole.style.height = "0";
  22. }
  23.  
  24. <div id="menu" onmouseover="mouseOver()" onmouseout="mouseOut()">
  25. Menu
  26. </div>
  27.  
  28. <div id="pole" onmouseover="mouseOver()" onmouseout="mouseOut()">
  29. <ul>
  30. <li><a href="#">Strona Główna</a></li>
  31. <li><a href="#">Download</a></li>
  32. <li><a href="#">Kontakt</a></li>
  33. <li><a href="#">Forum</a></li>
  34. </ul>
  35. </div>
erix
W ciemno, to możesz... nie, bo cenzura nie puści. tongue.gif

Wystaw ten kod na żywo, bo tylko utrudniasz sobie zadanie.
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.