JQuery ссылка развернуть

Question

Мне нужна небольшая помощь по расширению ссылки.

Пожалуйста, посмотрите эту скрипку http://jsfiddle.net/LxRHa/

Ребята на флэш-памяти легко распознают этот эффект, так что ... дело в том, что у меня языковые ссылки сокращены на 2 инициала ps En (для английского) в скрипке при наведении курсораэта ссылка исчезает и полностью показывает английский.Я сделал это с затуханиями, но это не гладко.Мне нужно правильное решение для эффекта.

Спасибо ..

Answer 1

Я просто играл с этим и придумал этот переход:

http://jsfiddle.net/VkWdd/

Это может или не может удовлетворить ваши потребности, так как в данный момент он настроен на слова длины английского языка. Вы можете изменить его, чтобы сделать то, что вы хотите.

Answer 2

Написал быстрый скрипт на основе вашего описания.JSFiddle можно найти здесь - http://jsfiddle.net/68YsH/.

Answer 3

Это более динамично взгляните на эту скрипку

Answer 4

Попробуйте это 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);
            });
        }

    );

});​