Question

我搜索过，找不到类似我的问题，所以如果已经提出这个问题，我很抱歉。我有一个输入字段和一个按钮。如果输入的文本与“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);
                }

            });
            });

Answer 1

你应该尝试：

$("#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);

JQuery为输入字段设置动画

1 个答案: