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>

  • 相关阅读:
    什么是递归神经网络
    2020年蜂窝网络连接超过110亿台设备
    伊朗Cisco路由器遭黑客攻击 全国互联网几乎瘫痪
    看了才知道!伊朗黑客组织原来这么牛
    美国知名Cloudflare网络公司遭中国顶尖黑客攻击
    如何对Web服务器进行飓风级防御
    美国的科技公司是如何使用加密的DNS
    揭秘网络黑客常见的6种必用攻击手段
    物联网是什么?您的家用电器从黑客手中安全吗
    不可不知!设置什么密码才不易被黑客破解
  • 原文地址:https://www.cnblogs.com/jinbiao/p/2183296.html
Copyright © 2011-2022 走看看