2012-01-30 120 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