jQuery 动画输入值

Question

我有我做的这段代码，遵循一个建议使用彩色动画的 stackoverflow 用户的好主意(如果我使用不透明度，整个字段不仅会消失值)。

$(function(){
    /* Hide form input values on focus*/ 
    $('input[type=text]').each(function(){
        var txtval = $(this).val();
            $(this).focus(function(){
                if($(this).val() == txtval){
                    $(this).val('').animate({"color":"#3c444e"},500);
                    }
            });
        /*Restoring value if blur*/ 
        $(this).blur(function(){
            if($(this).val() == ""){
                $(this).val(txtval).animate({"color":"#ffffff"}, 500);
            }
        });
    });
});

代码动画正确但仅在模糊函数上而不是在焦点上，我想这是因为我将值更改为“”以快速动画，但这也应该适用于模糊函数所以我是困惑。

无论如何也要使动画在焦点上工作？

Answer 1

if($(this).val() == txtval){
    $(this).animate({"color":"#3c444e"},500, function(){
        $(this).val('');
    });
}