ugrás a tartalomhoz

jquery menü

juhasztibi · 2007. Dec. 4. (K), 10.31
Sziasztok,

segítséget szeretnék kérni az alábbi dologban. Szeretnék egy olyan menüt létrehozni jquery segítségével ami a következőképpen épülne fel ill. nézne ki.
  1. <ul class="menu">  
  2.   
  3.    <li><a href="#">menüpont1</a>      
  4.     <ul>  
  5.       <li><a href="#">almeüpont1</a></li>  
  6.       <li><a href="#">almeüpont1</a></li>  
  7.       <li><a href="#">almeüpont1</a></li>  
  8.       <li><a href="#">almeüpont1</a></li>  
  9.     </ul>  
  10.    </li>  
  11.   
  12.   
  13.    <li><a href="#">menüpont2</a>      
  14.     <ul>  
  15.       <li><a href="#">almeüpont2</a></li>  
  16.       <li><a href="#">almeüpont2</a></li>  
  17.       <li><a href="#">almeüpont2</a></li>  
  18.       <li><a href="#">almeüpont2</a></li>  
  19.     </ul>  
  20.    </li>  
  21.   
  22.   
  23.    <li><a href="#">menüpont3</a>      
  24.     <ul>  
  25.       <li><a href="#">almeüpont3</a></li>  
  26.       <li><a href="#">almeüpont3</a></li>  
  27.       <li><a href="#">almeüpont3</a></li>  
  28.       <li><a href="#">almeüpont3</a></li>  
  29.     </ul>  
  30.    </li>  
  31.   
  32. </ul>  
Ugye a működést már kitaláltátok. Mouseout-ra és mouseover-re meg kellene jeleníteni illetve el kellene tüntetni maga alatt az aktuális szülő menüpontban lévő almenüket.
Jquerynek a children() függvényével próbálkoztam, de elakadtam. Ha valaki csinált már hasomló dolgot és van tapasztalata jquery-vel akkor megköszönném ha tudna segíteni!

pl.: http://pannon.hu/egyeni/

Köszönöm a hozzászólásokat!

T.
‹ Form küldése timeout-ra float :right ›
 ■
1

ha kell

juhasztibi · 2007. Dec. 4. (K), 13.55
Megoldottam ha valakit érdekel:
  1. var obj = null;  
  2. function elrejt() {  
  3.     if (obj) {  
  4.         obj.find('ul').hide();    
  5.     }  
  6. }  
  7. $(document).ready(function() {  
  8.     $('#menu > li').hover(function() {  
  9.         if (obj) {  
  10.             obj.find('ul').hide();  
  11.             obj = null;  
  12.         }     
  13.         $(this).find('ul').show();  
  14.     }, function() {  
  15.         obj = $(this);  
  16.         elrejt();  
  17.     });  
  18. });  
2

ha jól értem...

TeeCee · 2007. Dec. 6. (Cs), 12.49
... akkor ehhez semmi szükség javascriptre mozillában és operában (többit nem tudom), viszont IE-ben a 7-es verzió alatt kell. CSS-sel megoldható, hogy ott az al-elemek látszódjanak. Ezt hívják UL LI-menünek (van másik neve amúgy - valaki?) Google-ben találsz egy csomó találatot a "css ul li menu"-re keresve.

Vagy rosszul értelmezem a kérdést?
IMHO akkor van értelme javascriptet is belerakni, ha nem HTC-s megoldással akarod a régi IE-ben kiküszöbölni azt a hibát, hogy :hover-t nem értelmezi csak A TAG-hez, illetve ha animációval szeretnéd a megjelenést, vagy időzítéssel - kivárással - az almenü elrejtését/megjelenését (ennek azért van racionalitása, mert ha egy 3 mély almenüben az egeret véletlen tovább rántod 2pixellel és keresheted megint, az nem kellemes...)
4

Nálam nem működik

Gabor66 · 2009. Szep. 29. (K), 07.48
Betöltöttem FireFoxba es nem működik. Mi lehet az oka?

Köszi

Gabor
5

Anno írtam egy cikket arról,

hosszu.kalman · 2009. Szep. 30. (Sze), 08.56
Anno írtam egy cikket arról, hogy én hogyan szoktam ilyen menüt készíteni jQuery-vel. Olvasd el hátha segítségedre lesz:
http://www.kalman-hosszu.com/dropdown-menu-keszitese-jquery-vel-es-a-velejaro-ie-fix/
3

jQuery Superfish

tiku I tikaszvince · 2007. Dec. 6. (Cs), 14.07
szerintem már ezt a problémát előtted megoldotta valaki. Superfish hasznos lehet

VinceVoltam