延时加载lazyload

引入js

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

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

<script type="text/javascript"> 

 $(document).ready(function(){

    $("img").lazyload({

        placeholder : "http://www.580zhao.com/template/shop/images/clear.gif",

        effect : "fadeIn"

    });

})

 

<div class="warp">

<div><img src="http://img03.taobaocdn.com/tps/i3/T1eVX9Xh8AXXXXXXXX-120-160.jpg" alt=”独立” height="201"></div>

<div><img src="http://img01.taobaocdn.com/tps/i1/T1IkOlXdtKXXXXXXXX-120-160.jpg" alt=”独立”></div>

<div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

<div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

<div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

<div><img src="http://img03.taobaocdn.com/tps/i3/T10JumXmtTXXXXXXXX-120-160.jpg" alt=”独立”></div>

<div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

<div><img src="http://img01.taobaocdn.com/tps/i1/T1WBKhXa0bXXXXXXXX-120-160.jpg" alt=”独立”></div>

<div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

<div><img src="http://img01.taobaocdn.com/tps/i1/T1nGF9Xh8vXXXXXXXX-120-160.jpg" alt=”独立”></div>

<div><img src="http://img03.taobaocdn.com/tps/i3/T1eVX9Xh8AXXXXXXXX-120-160.jpg" alt=”独立” height="201"></div>

<div><img src="http://img01.taobaocdn.com/tps/i1/T1IkOlXdtKXXXXXXXX-120-160.jpg" alt=”独立”></div>

<div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

<div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

<div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

<div><img src="http://img03.taobaocdn.com/tps/i3/T10JumXmtTXXXXXXXX-120-160.jpg" alt=”独立”></div>

<div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

<div><img src="http://img01.taobaocdn.com/tps/i1/T1WBKhXa0bXXXXXXXX-120-160.jpg" alt=”独立”></div>

<div><img src="http://www.7gege.com/upload/image/201109/132d22546a2944b5994bdd27bc26840d.jpg" alt=”独立”></div>

<div><img src="http://img01.taobaocdn.com/tps/i1/T1nGF9Xh8vXXXXXXXX-120-160.jpg" alt=”独立”></div>

 </div>