1.使用<div>,即所谓的ploader1(预加载程序),并显示loading.gif(加载微调) 1.使用<div>(称为realcontent 1)来显示页面的真实内容(但最初是隐藏的) 1.先显示预加载器,使用JS的window.onLoad隐藏预加载器,显示真实内容when the page is fully loaded.
示例代码(完全正常工作):
<script type="text/javascript">
window.onload=function(){
document.getElementById("ploader1").style.display="none";
document.getElementById("realcontent1").style.display="block";
}
</script>
<div id=ploader1 style="position:relative;top:10px;text-align:center;width:100%;"><img src=loading.gif style="height:80px;"></div>
<div id=realcontent1 style="display:none;">
<!--Place all real contents, including lots of graphics... here -->
</div>
方法二:(带页面重定向)
如果您必须执行页面重定向,则只需添加一条window.Location.href语句
示例代码(完全正常工作):
<script type="text/javascript">
window.onload=function(){
window.location.href="target.php";
}
</script>
<div id=ploader1 style="position:relative;top:10px;text-align:center;width:100%;"><img src=loading.gif style="height:80px;"></div>
<div id=realcontent1 style="display:none;">
<!--Place all real contents, including lots of graphics... here -->
</div>
1条答案
按热度按时间pod7payv1#
方法一:(无页面重定向)
有很多方法可以做到这一点(通常不需要页面重定向)。其中之一就是
1.使用
<div>
,即所谓的ploader1(预加载程序),并显示loading.gif(加载微调)1.使用
<div>
(称为realcontent 1)来显示页面的真实内容(但最初是隐藏的)1.先显示预加载器,使用JS的window.onLoad隐藏预加载器,显示真实内容
when the page is fully loaded.
示例代码(完全正常工作):
方法二:(带页面重定向)
如果您必须执行页面重定向,则只需添加一条window.Location.href语句
示例代码(完全正常工作):
注意:您可以使用PHP的GLOB递归加载您指定的文件夹/子文件夹中的所有图像。参考资料:
PHP echo all subfolder images