Question

当我的网站上加载新页面时，我想要将旧页面中的主要内容（位于正文中的div内，以排除页脚和页眉）淡出，以及新页面的主要内容通过使用jQuery来淡入。我的代码基本上是：

<html>

 <head> -random header info- (also where I figured the jQuery would go?)
 </head>

  <body>

   <div id="header">
   </div>

   <div id="main"> - main content of site - 
   </div>

   <div id="footer"> 
   </div>

  </body>

</html>

我只希望淡出并影响：<div id="main">我该怎么做？

Answer 1

试试这个，确保包括jquery库。

$(document).ready(function(){
    $("div#main").fadeOut();
});

要淡入，请在您的div中添加style="display:none"，然后将fadeOut()更改为fadeIn()。

Answer 2

在你的document.ready中： - 淡出： -

$('#main').fadeOut('slow');

FadeIn： -

$('#newcontent').fadeIn('slow');

Fout Out / In Div页面加载

2 个答案: