0

当我的网站上加载新页面时，我希望旧页面的主要内容（位于正文内的 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">我该怎么做？

4

2 回答 2

1

试试这个，确保也包含 jquery 库。

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

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

于 2013-03-22T02:15:50.387 回答
1

在您的文档中。准备好：- 淡出：- 

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

淡入：- 

$('#newcontent').fadeIn('slow');
于 2013-03-22T02:16:47.710 回答