2012-03-20 68 views
0

我需要一些關於鏈接展開效果的幫助。jQuery鏈接展開

請看看這個小提琴http://jsfiddle.net/LxRHa/

傢伙閃存認識到這一點很容易影響..所以無論是我通過2縮寫附註:縮短語言鏈接恩(英文)小提琴當你懸停,鏈接它褪色和充分顯示英文。我用淡入淡出,但它不光滑。我需要正確的效果解決方案。

謝謝..

回答

3

根據您的描述寫了一個快速腳本。 JSFiddle可以在這裏找到 - http://jsfiddle.net/68YsH/

+1

感謝您的時間。 – mentorgashi 2012-03-20 01:03:04

+1

xthexder的腳本工作,但不幸的是不靈活。在我的,你可以添加你想要的所需語言的錨標籤,它會得到精確的寬度的摺疊和擴大的元素。 – 2012-03-20 01:05:01

0

試試這個jQuery:

$(function() { 

    $(".languages a").hover( 
     function(){ 
      $(this).fadeOut(150, function(){ 
       $(this).html('English').fadeIn(250); 
      }) 
     }, 
     function() { 
      $(this).fadeOut(150, function(){ 
       $(this).html('En').fadeIn(250); 
      }); 
     } 

    ); 

});​ 
+0

這幾乎是一樣的,我在尋找不同的解決方案,然後消失... – mentorgashi 2012-03-20 00:42:20

4

我只是在玩這個周圍,我想出了這個過渡:

http://jsfiddle.net/VkWdd/

它可能或不適合你的需要,因爲目前它的英語長度被調整爲單詞。您可以修改它以執行您想要的操作。

+0

這是完美的人的感謝! – mentorgashi 2012-03-20 00:57:38

+0

經過一些測試後,發現有一些馬車試圖掃描鏈接,而其他鏈接效果正在完成,另一個受到我的代碼影響......奧斯汀的代碼是完美的。 – mentorgashi 2012-03-20 01:21:55

+1

很高興我可以幫助這個概念,至少=) – xthexder 2012-03-20 01:24:40

1

這是更有活力的 take a look at this fiddle

+0

你在那裏有很好的代碼。看起來很熟悉-_- – xthexder 2012-03-20 01:22:41

+0

也很好:) – mentorgashi 2012-03-20 01:24:10

+0

是的,我也在玩它,但突然間我看到你已經回答了它,只是在你的代碼中加入了我的邏輯。你介意嗎? – 2012-03-20 01:24:48