我进行了搜索,但找不到任何与我的问题类似的内容,所以如果已经有人问过这个问题,我很抱歉。 我有一个输入字段和一个按钮。如果输入的文本与“IA”匹配,则输入字段的边框应变为红色、绿色、蓝色和白色。我的只会变红然后停止。 这是代码。我将不胜感激任何帮助。 HTML:
<body>
<input id="enter" type="text">
<button id="validate">Validate</button>
</body>
JQuery:
$(document).ready(function() {
$("#validate").click(function(){
var a = "ia";
if($("#enter").val()==a){
$("#enter").animate({
border: "3px solid red"
},1000, function(){
border: "3px solid green"
},1000, function(){
border: "3px solid blue"
},1000, function(){
border: "3px solid white"
},1000);
}
});
});
最佳答案
你应该尝试:
$("#enter").animate({
border: "3px solid red"
},1000).animate({
border: "3px solid green"
},1000).animate({
border: "3px solid blue"
},1000).animate({
border: "3px solid white"
},1000);
关于javascript - JQuery 为输入字段设置动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21431419/