Question

FadeIn和FadeOut背景颜色不变。

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

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

下面是jquery的代码，当我点击whatup链接时，我的按钮应该以fadein和fadeout.t闪烁而闪烁，但背景颜色没有改变按钮

$('#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＆amp; 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>

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

1 个答案: