JQuery對輸入字段進行動畫製作

我搜索了我找不到任何像我的問題，所以我很抱歉，如果這已被問到。我有一個輸入欄和一個按鈕。如果輸入的文本與「IA」匹配，則輸入欄的邊框應變爲紅色，綠色，藍色和白色。我的只會變紅並停下來。這是代碼。我會感謝任何幫助。 HTML：JQuery對輸入字段進行動畫製作

 <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); 
       } 

      }); 
      });

來源

2014-01-29 Spirit_Scarlet

你應該嘗試：

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

來源

2014-01-29 12:46:22 hsz

謝謝你，它的工作。 –

JQuery對輸入字段進行動畫製作

回答

相關問題