Question

想知道如果页面加载完毕后我怎么能让下面的div淡入淡出，而不仅仅是出现......

到目前为止，我有：

$(window).load(function() {
  
    // Sidenav show/hide JS
  
if (document.querySelector('li[title="Internal Help Centre"]')) {
    document.querySelector('#DIV_2').style.display = 'table-cell';
}
  
});

提前致谢！

Answer 1

试试这个

<style>
    #DIV_2 {display:none;}
<style>

<script>
$(window).load(function(){
    if ($('li[title="Internal Help Centre"]').length) {
       $('#DIV_2').fadeIn();
    }
});
<script>

Answer 2

最初将Div显示为无，并在文档就绪时使用动画中的jquery淡入淡出

CSS

#Div2{
    display: none
}

的Javascript

$(document).ready(function(){
   // here you can write code for fade in Div2
});

Answer 3

而不是使用：$(window).load()

使用：$(document).ready()

例如。

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

<script type="type/javascript">
$(document).ready(function() {
    $('.fadein').delay(500).fadeIn();   
})
</script>

您可以删除.delay(500)我只是使用它来确保在DOM加载完成后加载它。

页面加载后，使DIV淡入

3 个答案: