gpt4 book ai didi

javascript - JQuery 为输入字段设置动画

转载 作者:行者123 更新时间:2023-11-28 20:02:26 25 4
gpt4 key购买 nike

我进行了搜索,但找不到任何与我的问题类似的内容,所以如果已经有人问过这个问题,我很抱歉。我有一个输入字段和一个按钮。如果输入的文本与“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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com