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!!!

<div id="aktualis">
            <div class="betu_behuzva"><a href="index.php?oldal=kezdolap"><img src="include/langauge/hu/menu/aktualis_a.svg" border="0" /></a></div>
            <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_k.svg" border="0" /></a></div>
            <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_t.svg" border="0" /></a></div>
            <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_u.svg" border="0" /></a></div>
            <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_a-.svg" border="0" /></a></div>
            <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_l.svg" border="0" /></a></div>
            <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_i.svg" border="0" /></a></div>
            <div class="betu_behuzva"><a href="index.php?oldal=aktualis"><img src="include/langauge/hu/menu/aktualis_s.svg" border="0" /></a></div>
        </div>

$("#aktualis").mouseover(function(ev){
        $("#aktualis .betu_behuzva").animate({marginRight:"2px"});
    });
    $("#aktualis").mouseout(function(ev){
        $("#aktualis .betu_behuzva").animate({marginRight:"-11px"});
    });
 
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:
$("#aktualis").hover(function(ev){  
  $(this).find(".betu_behuzva").stop(true, false).animate({
    marginRight:"2px"
  });  
},function(ev){  
  $(this).find(".betu_behuzva").stop(true, false).animate({
    marginRight:"-11px"
  });  
});
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! :-)