延时加载 lazyload使用技巧

html

<img class="lazy" src="images/src_unit.png" data-src="images/index/purchase.jpg" width="387px" height="365px">

注：其中src_unit.png 是一个1*1的透明png

css

img.lazy{
  background: url(../images/loading.gif) no-repeat center center;
  border: 0;
}

js

<script type="text/javascript" src="/js/jquery.lazyload.js"></script>

下载地址：http://code.ciaoca.com/jquery/lazyload/