我在过去几个小时里一直在努力为my previous question(代码here)实现jQuery缓动效果,但都是徒劳的。
根本不起作用。我要做的是让示例以相同的方式工作,但是为它添加easeOutBack
,这样如果我在文本上盘旋,它将以easeOutBack
效果开始,直到下一个文本显示起来。当我解开文本时,再次easeOutBack
效果会发生。
知道怎么做吗?
答案 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>