zoukankan      html  css  js  c++  java
  • 懒加载

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>无标题文档</title>
    <style>
    .box1{ 100%;}
    .box1 img{}
    .content img{display:block;padding:6px;border:1px solid #999;}
    .content img + img{margin-top:10px;}
    </style>
    </head>

    <body>


    <div class="example content">
    <img src="img/grey.gif" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood">
    <img src="img/grey.gif" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side">
    <img src="img/grey.gif" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1">
    <img src="img/grey.gif" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner">
    <img src="img/grey.gif" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT" />
    <img src="img/grey.gif" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop">
    </div>

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


    <script>
    $(function(){
    $('img').lazyload({
    effect:'fadeIn'
    });
    });
    </script>

    </body>
    </html>

  • 相关阅读:
    [UE4]九宫格图片拉伸
    [UE4]IsValid方法妙用
    [UE4]蓝图函数库
    [UE4]创建KillInfoPanel
    [UE4]条件语句Select
    [UE4]控件模板参数
    [UE4]控件模板
    [UE4]不推荐的UI更新方式
    [UE4]事件驱动的UI更新:事件调度器
    [UE4]更新UI的三种方式
  • 原文地址:https://www.cnblogs.com/ll-taj/p/5260908.html
Copyright © 2011-2022 走看看