JQuery animate z fixed divem

0

Mam diva z pozycją fixed po prawej stronie strony, sa w nim 4 obrazki , chce aby po najechaniu na pojedynczy obrazek wysuwal sie on lekko w lewo.Jednak z tym co mam wysuwaja sie wszystkie na raz. Domyslam sie ze problemem jest tu pozycja fixed diva.

        <div id="box">
            <a href="#"><img src="img/aaa.jpg"></a><br>
            <a href="#"><img src="img/bbb.png"></a><br>
            <a href="#"><img src="img/ccc.png"></a><br>
            <a href="#"><img src="img/ddd.png"></a>
        </div>
#box{
    position: fixed;
    right: 0;
    margin-top: 250px;
}

#boximg {
    height: 40px;
    width: 40px;
}
$(document).ready(function() {
    $("img").mouseenter(function() {
        $(this).animate({marginRight: '6px'},'slow');
    }),
    $("img").mouseleave(function() {
        $(this).animate({marginRight: '0px'},'slow');
    });
});

Jak to naprawić?

0

dopisz position:relative do obrazków, a animuj właściwość left (albo right), a nie margin

1 użytkowników online, w tym zalogowanych: 0, gości: 1