jQuery链接扩展

时间:2012-03-20 00:25:37

标签: jquery text expand

我需要一点关于链接扩展效果的帮助。

请看这个小提琴http://jsfiddle.net/LxRHa/

闪光灯上的家伙很容易识别这种效果所以..问题是我的语言链接缩短了2个首字母缩写。 En(英语)当你徘徊那个链接时,它会消失并完全显示英语。我用它消失了,但它并不顺畅。我需要正确的效果解决方案。

谢谢..

4 个答案:

答案 0 :(得分:4)

我正在玩这个,我想出了这个转变:

http://jsfiddle.net/VkWdd/

它可能适合您的需求,也可能不适合您的需求,因为目前它已经调整了英语的长度。您可以修改它以执行您想要的操作。

答案 1 :(得分:3)

根据您的描述编写了一个快速脚本。可以在这里找到一个JSFiddle - http://jsfiddle.net/68YsH/

答案 2 :(得分:1)

这更具活力 的 take a look at this fiddle

答案 3 :(得分: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);
            });
        }

    );

});​