我如何能显示红色边框周围文本字段3秒

Question

我试过这个结构:

field.animate({border: '1px solid rgb(173, 26, 26)'}, 3000, function() {
    $(this).css('border', 'none');
});

,

border: '1px solid rgb(173, 26, 26)'

不工作。我做错了什么?

Answer 1

Edit:正如@showdev所提到的，颜色不能只使用jQuery动画。你要么需要一个像jQuery UI这样的插件，要么使用CSS转场。

您需要分别修改每个属性:

$('div').animate({
                   borderWidth: '1px',
                   borderColor: 'rgb(173, 26, 26)'
                 }, 2000, function() {
                       $(this).css('border', 'none');
});

div{
    border: 20px solid green;
    padding: 2em;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div></div>

Answer 2

请试试这个

var intervalID = setInterval(function() {
    $('input').removeClass('red').css('border','none');
}, 3000);

演示