HTML如何淡出输入文本框
我使用jQuery API褪色输入,如下图所示:HTML如何淡出输入文本框
$(#input).fadeTo("slow", 0.5);
和输入HTML是
<input type="text" name="input" id="input">
它的工作原理。但是,如何在页面加载或刚刚打开后淡入此输入?
谢谢,它的工作原理。有什么特定的输入属性可能导致相同的效果? – Jimmy 2014-10-06 05:06:56
是什么? @ user3764319 – 2014-10-06 05:09:29
我实际上会使用'$(window).on('load',function(...',这样当所有元素实际加载时淡入开始(否则您可能会错过(部分)淡出) – myfunkyside 2014-10-06 05:09:29
纯CSS Demo即使用户拥有的Javascript停用它会工作,你不需要输入您设置为display:none
标记
<input type="text" name="input" id="input">
风格
#input{
animation:fadeIn 3s ease;
}
@keyframes fadeIn {
from{opacity:0}
to{opacity:.5}
}
但是, C具有JS功能的他们的远远超过了他们的浏览器支持CSS IMO的可能性。尽管如此,他们仍然是好点 – EternalHour 2014-10-06 05:20:43
我不会打电话给webkit-only解决方案“pure css”。加上OP是想从1到.5,而不是从0到1淡出。 – Anthony 2014-10-06 05:21:39
@Anthony这是由你决定的,但我不会使用js,在那里我可以使用css,css是一种更好的性能,因为js – 2014-10-06 05:30:05
'$(#输入)'必须正确引用。例如:'$(“#input”)'。 – 2014-10-06 05:13:01