ugrás a tartalomhoz

jQuery animate margin

simisoma · 2013. Ápr. 2. (K), 09.34
Sziasztok!

Tudnátok valamit ajánlani a lenti kód kijavítására?

Azt szeretném elérni, hogy amikor egy menüpontra (aktualis) ráhúzom az egeret széthúzza, amikor lehúzom az egeret összemennyen újra. Ez működik is, de ha rajtavan az egér és a menüponton maradva megmozdítom az egeret újra összehúzza és széthúzza... azt szeretném, hogy ameddig azon a menüponton vagyok maradjon a 2px és nem mozogjon....

Remélem érthetően tudtam leírni :-) KÖSZI!!!
  1. <div id="aktualis">  
  2.             <div class="betu_behuzva"><a href="index.php?oldal=kezdolap"><img src="include/langauge/hu/menu/aktualis_a.svg" border="0" /></a></div>  
  3.             <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_k.svg" border="0" /></a></div>  
  4.             <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_t.svg" border="0" /></a></div>  
  5.             <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_u.svg" border="0" /></a></div>  
  6.             <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_a-.svg" border="0" /></a></div>  
  7.             <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_l.svg" border="0" /></a></div>  
  8.             <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_i.svg" border="0" /></a></div>  
  9.             <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_s.svg" border="0" /></a></div>  
  10.         </div>  
  1. $("#aktualis").mouseover(function(ev){  
  2.         $("#aktualis .betu_behuzva").animate({marginRight:"2px"});  
  3.     });  
  4.     $("#aktualis").mouseout(function(ev){  
  5.         $("#aktualis .betu_behuzva").animate({marginRight:"-11px"});  
  6.     });  
‹ YoxView probléma onMouseOver probléma ›
 ■
1

Persze, nem tudom, hogy

Poetro · 2013. Ápr. 2. (K), 09.57
Persze, nem tudom, hogy pontosan mit is akarsz elérni, mert a fenti példa kódminta nem igazán mutatja a szándékot, de én valami hasonlóra gondolok:
  1. $("#aktualis").hover(function(ev){    
  2.   $(this).find(".betu_behuzva").stop(true, false).animate({  
  3.     marginRight:"2px"  
  4.   });    
  5. },function(ev){    
  6.   $(this).find(".betu_behuzva").stop(true, false).animate({  
  7.     marginRight:"-11px"  
  8.   });    
  9. });  
2

Szuper!

simisoma · 2013. Ápr. 3. (Sze), 11.37
Köszönöm, tökéletesen működik így! Hálás vagyok a megoldásodért! :-)