<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title></title> <mce:script src="Scripts/jquery-1.4.1.js" mce_src="Scripts/jquery-1.4.1.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!-- jQuery(document).ready(function () { view(); //页面载入后先执行一次 setInterval("view()", 5100); //间隔5秒执行一次 //这里的间隔时间要大于后面渐入时间+渐出时间+延时时间 }); var n = 1; //定义一个计数变量 function view() { if (n > 4) { n = 1; //当最后一个显示完,计数归1 window.location.reload(); //刷新页面,如果div中是静态内容,则不需要 } $("#div" + n).fadeIn(1500); //第n个div以1.5秒时间渐入显示 setTimeout(function () { $("#div" + n).fadeOut(1500); n++; }, 2000); //延时2秒后,第n个div以1.5秒时间渐出隐藏,然后计数加1 }; // --></mce:script> </head> <body> <form id="form1" runat="server"> <div id="div1"> //这里可以是静态内容,也可以是从数据库读取的内容 //div的样式里必须包含display: none; </div> <div id="div2"> </div> <div id="div3"> </div> <div id="div4"> </div> </form> </body> </html>