zoukankan      html  css  js  c++  java
  • 图片懒加载 jquery.lazyload

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>Lazy Load Enabled</title>

    <!--[if lt IE 9]>

        <script src="html5shiv.js"></script>

    <![endif]-->

    </head>

    <body>

    <img class="lazy" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood">

    <img class="lazy" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side">

    <img class="lazy" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1">

    <img class="lazy" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner">

    <img class="lazy" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT">

    <img class="lazy" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop">

    <script src="jquery-1.11.0.min.js"></script>

    <script src="jquery.lazyload.js?v=1.9.1"></script>

    <script type="text/javascript" charset="utf-8">

      $(function() {

          $("img.lazy").lazyload({effect: "fadeIn"});

      });

    </script>

    <!--可删除-->

    <script src="http://www.jq22.com/js/jq.js"></script>

    <!--ecd 可删除-->

    </body>

    </html>

  • 相关阅读:
    poj2186强连通分量
    poj1459SAP最大流模板题
    poj2391Floyd+二分+最大流
    curl上传下载入门
    Mysql存储过程
    小球旋转
    钟表单摆
    java小记 摘抄
    servlet的一些收集总结
    Javascript基础小结
  • 原文地址:https://www.cnblogs.com/zhousen34/p/7542791.html
Copyright © 2011-2022 走看看