2012-01-30 59 views
1

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

它根本没有工作。我想要做的是让示例以同样的方式工作,但将easeOutBack添加到该文本中,以便如果我在文本上进行了徘徊,那么将从easeOutBack效果开始,直到出现下一个文本。当我停止文本时,会再次出现easeOutBack效果。

任何想法如何做到这一点?

+0

什么实际上不起作用?在Chrome中,滑动动画 – zerkms 2012-01-30 02:42:09

+0

不是,原来的一个没问题,但想知道如何添加一些缓动效果。感谢您的评论。 – 2012-01-30 03:15:57

回答

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> 
+0

@安德鲁,你真棒,我的朋友。这正是我想要的。我只是有点困惑在哪里放松的效果,但你说得对。非常感谢。 – 2012-01-30 03:17:40

+0

顺便说一句,这里是我想要的代码。我在解决一方问题上遇到了一些小问题,但得到了解决。这里是代码[链接](http://jsfiddle.net/fxdigi/t9TEx/)感谢您的所有努力。 – 2012-01-30 06:47:46