Question

页面加载时我需要一个div来淡入。

<div id=monster></div>

我已经在使用jquery FYI了。

提前致谢。

Answer 1

这不可能更简单：

$(function(){  // $(document).ready shorthand
  $('#monster').fadeIn('slow');
});

如果你的div最初没有被隐藏，你可以在动画之前隐藏它：

 $('#monster').hide().fadeIn('slow');

速度参数可以是'slow'，'normal'，'fast'或运行动画的毫秒数。

Answer 2

jQuery/fadeIn

$(function() {
    $("#monster").fadeIn();
});

Answer 3

查看工作演示

$('#monster').hide().fadeIn('slow');

#monster{
  width: 200px;
  height: 100px;
  border: 1px solid #0095ff;
  border-radius: 5px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id=monster>
  <pre>
    This is demo text.
    This is demo text.
    This is demo text.
    This is demo text.
  </pre>
</div>

在页面加载时淡入div

3 个答案: