网页延迟加载代码 适合广告和功能模块部分

时间:2014-01-28所属栏目: 交互设计 来源: 热度:

主机在国外的站长,或者访问速度不理想的网站,可能会有页面加载速度慢的烦恼。可以采用广告加载显示的方法提升网页访问速度         1、在你要放置广告的地方加入以下代码,中间的文字可以修改成自己的词语、代码或者图像等。  
<span id="topbanner">精彩内容读取中……</span>
      2、在前面加入以下代码  
<span id="ad_topbanner" style="display: none;"><script src="http://www.caijixia.com/plus/ad_js.php?aid=1"></script></span>
      3、到页面最下面之后加入以下代码  
<script type="text/javascript"> var ad=document.getElementById("topbanner");var span=document.getElementById("ad_topbanner");ad.innerHTML=span.innerHTML; span.innerHTML=""; </script>
      4、更新网站html,现在网站主要内容打开后才开始加载广告了。         还可以用这种方式延迟加载其他你想延迟显示的内容。
标签:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)