淡入淡出输入文字jquery

Question

我试图在我的网站上创建一个优雅的重置功能，以便当用户按下重置按钮时，输入框淡出用户输入文本，然后淡入占位符文本，准备好文本重新进入。

$.each($('input.search-box'), function() { 

    var $input = $(this); 

    // fade out text - this currently fades the whole element.. which I don't want 
    $input.animate({ opacity: 0 }, 1000, function() { 

     // reset to default value 
     $input.val(""); 

     // fade text back in 
     $input.animate({ opacity: 1 }, 1000) 
    }); 

}); 

上面显示了我想实现。但是这个变淡整个输入了那么英寸可能有人请告诉我如何做到只对文本这种效果呢？

非常感谢，

凸轮。

Answer 1

我在考虑将动画值文本颜色设置为背景输入颜色，但jQuery不支持颜色动画，因此您需要使用color插件或jQuery UI。两者都允许您使用您用于背景颜色和颜色等属性的语法。

喜欢看到here