淡入淡出的文本输入Javascript Ajax

Question

我正在尝试找一个能让我做YP.com所做的脚本。如果您查看商家搜索输入，则会显示商家名称或类别。然后，如果单击它，文本会稍微淡化，当您键入单词时，它会完全消失。我该怎么做？任何帮助将不胜感激。

Answer 1

你可以看看这个jQuery示例：

http://www.benwatts.ca/2008/07/19/jquery-input-text-replacement/

声明2个CSS类：

.black{
    color:black;
}
.grey{
    color:grey;
}

输入的默认CSS类可以是黑色类。

与上面的链接一样：

• 使用焦点事件将CSS更改为灰色类

• 使用blur事件将CSS更改为黑色类

• 添加onKeyDown事件以删除原始值并将CSS更改为黑色类。

Answer 2

您可以使用onfocus进行首次淡入淡出。然后onkeydown并完全消失。