Jquery缓动效果

Question

过去几个小时我一直在尝试对 my previous question 实现 jQuery 缓动效果(代码here)，但一切都是徒劳的。

根本没用。我想做的是使示例以相同的方式工作，但向其中添加 easeOutBack ，这样如果我将鼠标悬停在文本上，它将以 easeOutBack 开头直到下一个文本出现为止。当我将鼠标悬停在文本上时，会再次发生 easeOutBack 效果。

知道如何做到这一点吗？

Answer 1

这个怎么样 - http://jsfiddle.net/ZhUx8/1/ .

jQuery(function($) {

    $('.topnav li').find('a[href]').parent().each(function() {
        var li   = $(this),
            a    = li.find('a'),
            div = $('<div>' + '<\/div>');

        li.hover(function() {
            a.stop().animate({marginTop: '-64'}, 500, "easeInOutBack");
        },
        function() {
            a.stop().animate({marginTop: '0'}, 500, "easeInOutBack");
        })
        .append(span);
    });

});

确保将此广告添加到您的 head 标签中。

<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript" ></script>