0

我目前有一个鼠标悬停/鼠标悬停事件 - 我想在鼠标悬停动画完成后显示一个 div，并在鼠标悬停动画开始之前隐藏 div。

我无法让它相对于动画后显示的 div 显示，或者正确排队。

http://jsfiddle.net/q2Fh7/

4

2 回答 2

1

您需要使用 的回调函数参数将divanimate()附加到相关的. 你也应该使用它。试试这个：messageboxhover

$('.box').hover(
    function() {
        var $box = $(this);
        $box.stop().animate(
            { width: '280px', height: '420px'},
            650,
            function() {
                var $div = $("<div></div>").addClass("message").text("Message text");
                $box.append($div);
                $div.fadeIn();
            }
        );
    },
    function() {
        var $box = $(this);
        $(".message", $box).fadeOut(function() {
            $box.stop().animate({ width: '100px', height: '100px' }, 650);
        });        
    }
);

示例小提琴

于 2012-05-09T09:26:23.907 回答
0

我认为这不是你想要的。但我认为它会让你走上正确的道路：http: //jsfiddle.net/r6xbp/

编辑：优化 http://jsfiddle.net/r6xbp/2/

于 2012-05-09T09:22:05.223 回答