zoukankan      html  css  js  c++  java
  • 延时加载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>

  • 相关阅读:
    Perl 简介
    一定时间后延时变长问题
    CPAN常见问题集
    J2SE简介
    brian的Perl问题之万能指南
    清洁工 VS 亿万富翁
    关于VC中的"stdafx.h"
    Perl模式匹配
    wiki介绍
    生活中10大省钱小秘诀 白领一族"必备诀窍"
  • 原文地址:https://www.cnblogs.com/jinbiao/p/2183296.html
Copyright © 2011-2022 走看看