2012-03-20 74 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