jQuery 动画方法不停止

Question

这是我的动画幻灯片的简单代码。它应该做两件事: - 首先是“mouseenter”事件 - 它会弹起“拇指”图像 - 第二 - 显示并弹起较大的缩略图图像

$('img.thumb').mouseover(function (){
    $(this).effect('bounce', 500, function(){
        var src = 'images/screens/' + $(this).attr('id').substr(0,1) + '.jpg';
        $('.slideShow img').attr('src' ,src);
        $('.slideShow img').toggle('bounce').css('margin-top','2.5%');
        });
    });
$('img.thumb').mouseleave(function (){
        $('.slideShow img').fadeOut();
    });

问题是它在 Google Chrome 中运行得非常完美，但在 Firefox 和 IE 中却表现得很疯狂:拇指图像不断弹跳，较大的图像不断出现和永远消失。

这里有什么技巧？

Answer 1

根据我从你的帖子中了解到的，我认为 Jquery 工具提示小部件就是你正在寻找的自定义动画: http://jqueryui.com/tooltip/#custom-animation

这符合您的要求吗？