Question

我有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","")我希望通过像fadeout或hide这样的动画消除这个文本的声音。

Answer 1

你所描述的问题无法解决。

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

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

Answer 2

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

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

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

祝你好运！

jQuery动画文本值

2 个答案: