1

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

$.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)   
    });

});

以上显示了我想要实现的目标。但是这会使整个输入淡出然后进入。有人可以告诉我如何仅在文本上实现这种效果吗？

非常感谢，

凸轮。

4

1 回答 1

0

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

就像在这里看到的

于 2013-04-20T00:43:21.270 回答