fadeIn和Fadeout css背景色在jquery中不起作用。

Question

FadeIn和FadeOut背景颜色不变。

当我点击我的按钮应该闪烁红色和白色的链接时，下面是html的代码

<a id="blkwhatsup" href="#" >whats up</a>
<input id="blkbtn" type="submit" value="2">

下面是jquery的代码，当我点击什么链接时，我的按钮应该闪烁fadein和fadein。它在闪烁，但按钮的背景颜色没有变化

$('#blkwhatsup').click(function(e) {  
    interval = setInterval(function() { 
         $('#blkbtn').fadeOut({ backgroundColor: '#90191c',color:'#fff', border: '1px solid #90191c' }, 300) 
         $('#blkbtn').fadeIn( { backgroundColor:'#fff', color: '#90191c', border: '1px solid #90191c'}, 300); 
    }, 1000); 
});

Answer 1

这里是一个适用于fadeOut和fadeIn背景颜色的示例

​

$('#doit').on('click', function(e) {
    e.preventDefault();
    $('#fadeout-div').show().delay(500).fadeOut(1100);
});

#wrapping-div {
 height:200px;
 width:300px;
 border:1px solid #999;
 padding:1px 8px;
 background-color: #fff;
 position:relative;
 z-index:1;
}

#fadeout-div {
 height:100%;
 width:100%;
 background-color: #ffd700;
 position:absolute;
 top:0;
 left:0;
 z-index:-1
}

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

<p><a href="#!/doit" id="doit">fadeOut/fadeIn</a></p>

<div id="wrapping-div">
  <p>This is some text</p>
  <p>This is some text</p>
  <p>This is some text</p>
  <div id="fadeout-div"></div>
</div>

​