jQuery动画文本值答案

【问题标题】：jQuery animate Text valuejQuery动画文本值
【发布时间】：2011-11-23 07:34:33
【问题描述】：

我有html输入

<input id="txtSearch" value="Search..." type="text"/>

是否可以为这个文本输入的值设置动画（即淡出、隐藏等）

    $("#txtSearch").focusin(function () {
        $(this).animate({ opacity: "1", left: "-=100px", width: "+=100px" }, 1000, function () {
            $(this).attr("value", "");
        });
    });

我不想制作$(this).attr("value","")，而是想通过淡出或隐藏之类的动画使此文本的值消失。

【问题讨论】：

这可能会有所帮助：stackoverflow.com/questions/3066434/…
我认为这个 Stack 问题可以帮助你：stackoverflow.com/questions/3066434/…

标签： jquery html jquery-animate

【解决方案1】：

问题无法按照你的描述解决。

唯一的解决方案是在文本字段上覆盖一个元素（即：span），大小完全相同，然后将您的文本放入其中。

在后面的步骤中，您可以为该 html 元素制作任何动画，并在效果完成后将焦点返回给文本元素。

【讨论】：

【解决方案2】：

如果使用jQuery UI 是一个选项，您可以为颜色设置动画。如果您只想使用jQuery，则不能直接在颜色上使用动画功能。如果您可以使用 jQuery UI，这段代码应该可以工作：

$("#myInput").animate({
    color:'#FFFFFF'
},2000);

在这里提琴：http://jsfiddle.net/Q63jc/

祝你好运！

【讨论】：