Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Menu które się wysuwa
Forum PHP.pl > Forum > Przedszkole
ddr
Witam, chcę zrobić na swoją stronkę takie coś że jak jest menu które już mam zrobione w tabelce jak kliknę w jakąś opcję w nim to wysuwało by się takie obrazek. Wszystko przedstawię na obrazku poniżej.



Jeśli klikniemy przypuśćmy na kup lvl to wysuwa się ten obrazek (prostokącik). Moje menu wygląda tak.

  1. <script language="JavaScript">
  2. <!--
  3. if (document.images)
  4. {
  5. vip = new Image
  6. vip2 = new Image
  7. vip.src='vip.png'
  8. vip2.src='vip2.png'
  9. }
  10.  
  11. {
  12. lvl = new Image
  13. lvl2 = new Image
  14. lvl.src='lvl.png'
  15. lvl2.src='lvl2.png'
  16. }
  17.  
  18. {
  19. nazwa1 = new Image
  20. nazwa2 = new Image
  21. nazwa1.src='admin.png'
  22. nazwa2.src='admin2.png'
  23. }
  24. // -->
  25.  
  26. <table border="0" align="center" cellpadding="0" cellspacing="0">
  27. <tr>
  28. <td><img src="admin.png" border="0" onmouseover="this.src=nazwa2.src" onmouseout="this.src=nazwa1.src"></td> <td><img src="vip.png" border="0" onmouseover="this.src=vip2.src" onmouseout="this.src=vip.src"></td> <td><img src="lvl.png" border="0" onmouseover="this.src=lvl2.src" onmouseout="this.src=lvl.src"></td>
  29. </tr>
thek
Ja bym zrobił tak, że na stronie mamy 3 divy startowo na display:none, pozycjonowane absolutnie względem tego menu. W momencie kliknięcia wybrany div dostałby display: visible a przy okazji mógłbyś jakiś efekt z jQuery wrzucić. FadeIn, show czy slideDown smile.gif
darophp
Zapraszam do nas smile.gif http://blog.eduweb.pl/kurs-jquery-slidecontent/
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.