Jquery缓和效果

时间:2012-01-30 02:37:49

标签: jquery jquery-ui jquery-effects

我在过去几个小时里一直在努力为my previous question(代码here)实现jQuery缓动效果,但都是徒劳的。

根本不起作用。我要做的是让示例以相同的方式工作,但是为它添加easeOutBack,这样如果我在文本上盘旋,它将以easeOutBack效果开始,直到下一个文本显示起来。当我解开文本时,再次easeOutBack效果会发生。

知道怎么做吗?

1 个答案:

答案 0 :(得分:4)

这个怎么样 - 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);
    });

});

请务必将此标记添加到您的头标记。

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