• 图片懒加载 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>

  • 相关阅读:
    类和结构体的区别
    List中的select和where 方法
    js报错,Uncaught SyntaxError: Unexpected token }
    去除list集合中重复项的几种方法
    new
    Dynamic
    ie8下缓存
    datagrid中动态url
    从后台序列化后的类的字符串
    抽象工厂
  • 原文地址:https://www.cnblogs.com/zhousen34/p/7542791.html
Copyright © 2020-2023  润新知