方法：

在需要逐渐加载图片的代地方修改：

<img src="这里可以一个默认白底1px宽高的图片路径"  data-original="这里是图片路径" width="230" height="175" border="0" />

在网页的最后放入下面代码：

<script src="<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js</a>" type="text/javascript" charset="utf-8"></script>
  <script src="jquery.lazyload.js?v=3" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" charset="utf-8">
      $(function() {
          $("img").lazyload({
              effect : "fadeIn"
          });
      });
  </script>
  <script src="<a href="http://www.google-analytics.com/urchin.js">http://www.google-analytics.com/urchin.js</a>" type="text/javascript"></script>
<script type="text/javascript">
    _uacct = "UA-190966-1";
    urchinTracker();
  </script>

下面代码是上面调用的js代码：jquery.lazyload.js Read more

此效果包括三个程序文件和一个图片images文件夹：

index.html

js文件夹——（WangZhanJiShu.js和WangZhanJiShuHTML.js）

images文件夹——（zoom文件“zoom.rar文件下载”和其他图片）

Read more