php开发者之家

我们在浏览网站时常常会遇到：
有的页面内容很多，而且局部的地方需要加载比较大的视频文件或图片时，这样如果不采取任何措施的话，打开页面时将会出现大面积空白页面，直到视频文件加载完毕，整个页面才完全显示出来。这样很影响网站页面的美观。也影响网民的浏览。

针对这一情况，我们可以通过以下方式来解决，代码如下：

<script langage=”javascript”>
window.onload = function()
{
document.getElementById(”load1″).innerHTML = document.getElementById(”load2″).innerHTML;
}
</script>

<div id=”load1″>
<img src=”loading.gif” /> <!– 制作一张显示加载效果的图片 –>
</div>
<!– 真正需要加载的文件 –>
<div id=”load2″ style=”display:none;”>
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0” width=”543″ height=”285″ title=”load1″>
<param name=”movie” value=”1.swf” />
<param name=”quality” value=”high” />
<embed src=”1.swf” quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” width=”543″ height=”285″></embed>
</object>
</div>