Jquery缓动效果

Question

在过去的几个小时里，我一直在尝试对 我之前的问题（代码此处），但全部徒然。

它根本不起作用。我想做的是使示例以相同的方式工作，但向其中添加 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>