SAL

  博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

用js实现广告图片后加载

Posted on 2006-12-09 17:03  SAL  阅读(590)  评论(0编辑  收藏  举报

1.在网页的HEAD中加入以下代码
<script language="javascript">
  <!--
   var i = 0;
   var images = new Array();
  //-->
  </script>


2.在<body>中加入
onLoad="init()"         如:<body onLoad="init()">

3.在你要优化的那段代码中加入如下
<span id="TT">loading...</span>    <!--必加-->
          <script type="text/javascript">
 <!--
 images[i++] = '要优化的代码';         <!--要优化的代码不能有换行-->
 //-->
          </script>
如:<span id="TT">loading...</span>
          <script type="text/javascript">
 <!--
 images[i++] = '<iframe ID="ad1" src="http://www.blog.com.cn/ADIndex/best.asp" frameborder="0" scrolling="no" width="220" HEIGHT="215"></iframe>';
 //-->
          </script>

4.在网页的最后(</body>的前面)加入以下代码
<script language="javascript">
   function init() {
    var n = document.getElementsByTagName("span");
    var k = 0;
    for(var i = 0; i < n.length; i++) {
     if(n[i].id == "TT") {
      //alert(images[k]);
      n[i].innerHTML = images[k++];
     }
    }
   }
    </script>