Question

我想使用Jquery创建一个文本框“flash”。我首先想要使用.animate，但我已经了解到，除非使用插件maven bundle plugin documentation，否则动画不适用于颜色。

问题是我有理由不想使用任何aditional插件，所以我的问题是，是否有一些聪明的解决方法（这不是非常复杂）。

这是JQuery.Color，它展示了我想要的和迄今为止最好的尝试......

Answer 1

正如评论中所提到的，为什么不创建一个可以做你想要的CSS动画并将其附加到toggleClass？

$(function() {


  var Box2 = $('.box2');


  Box2.click(function() {
    $('#tb2').toggleClass("flash");

  });

});

.box2 {
  width: 170px;
  border-style: solid;
  border-color: black;
  margin: 30px 20px;
  cursor: pointer;
}
@keyframes flash {
  0% {
    background-color: white;
  }
  100% {
    background-color: red;
  }
}
.flash {
  animation-name: flash;
  animation-duration: .1s;
  animation-iteration-count: 5;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="box2">Click Me</div>
<input type="text" id="tb2"></input>

JQuery.Color解决方法

1 个答案: