Question

我有这个js代码，

编辑：忘记提及，iframe加载时我有这个fadeIn

$('iframe').on('load', function(){
muteVideo();
playVideo();
$(this).fadeIn();
$('.ligarsom').fadeIn();
setTimeout(function() {$('.ligarsom').fadeOut()}, 20000);
});

和这个

<script>
$(document).ready(function(){
$('.ligarsom').on('click', function(){
$('.ligarsom').fadeOut(1000);
});
}); 
</script>

和这个html

<div class="ligarsom" style="display:none;"></div>

当我使用style =＆＃34; visibility：hidden＆＃34; div甚至没有出现。就像上面的fadeOut不能正常工作一样，没有动画，它只是简单地隐藏起来。我的代码有什么问题吗？

请参阅以下网址：www.finecolor.com.br/novo

Answer 1

问题： transition:与fadOut()功能动画冲突。

解决方案：将此添加到您的css：

.ligarsom, .ligarsom:hover{
    transition: none;
}

Answer 2

这应该以这种方式工作

HTML

<div class="ligarsom">click here</div>

jquery的

$(document).ready(function() {
$(".ligarsom").click(function() {

    $(this).fadeOut(100);

});

}）;

Jquery FadeIn / FadeOut太突然了

2 个答案: