前言
通常这个效果会用在网站中的广告部分,因为站长希望让访客加载网页时先加载正常内容,把广告部分留待之后再加载,这样可以尽量地减低影响用户体验!
提示部分
1 | < span id = "qqzoneimg" >QQ头像载入中...</ span >
|
广告部分
1 | < span id = "span_qqzoneimg" >< img src = "http://qlogo2.store.qq.com/qzonelogo/7273771/1/1235015107" alt = "" /></ span >
|
JS部分
1 2 3 4 | <script type= "text/javascript" >
document.getElementById( "qqzoneimg" ).innerHTML = document.getElementById( "span_qqzoneimg" ).innerHTML;
document.getElementById( "span_qqzoneimg" ).innerHTML = "" ;
</script>
|
使用说明
1、将提示部分的代码,放在原本你要正常放置广告代码的地方,替代你想要被延迟的部分;
2、将广告部分的代码,放在</body>之前,上述代码中<img>标记之内的所有代码就是指原始广告代码,也就是你想要被延迟的完整代码;
3、将JS部分的代码,放在</body>之前,其中的“qqzoneimg”和“span_qqzoneimg”可以任意更改,但必须要和前面两个代码部分的ID相符;
4、按照以上格式,可以批量添加。
|