zoukankan      html  css  js  c++  java
  • jquery插件之lazyload图片延时加载功能

    公司投票程序,页面图片较多,导致页面显示很慢,做的图片延时加载;

    代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>demo</title>
    </head>
    <body>
    <img class="lazy" data-original="js/bmw_m1_hood.jpg" width="765" height="574" >
    <img class="lazy" data-original="js/bmw_m1_side.jpg" width="765" height="574" >
    <img class="lazy" data-original="js/viper_1.jpg" width="765" height="574" >
    <img class="lazy" data-original="js/viper_corner.jpg" width="765" height="574" >
    <img class="lazy" data-original="js/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT" style="display: inline;">
    <img class="lazy" data-original="js/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop" style="display: inline;">
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/jquery.lazyload.js"></script>
    <script type="text/javascript" charset="utf-8">
      $(function() {
          $("img.lazy").lazyload({effect: "fadeIn"});
    
      });
    </script>
    </body>
    </html>
    

    附件地址:下载

  • 相关阅读:
    github的使用
    QPalette的用法
    QTimer的用法
    QStatusBar的用法
    QWhatsThis的用法
    QString::​arg的用法
    qt中ui的 使用介绍
    安全协议IPSEC
    安全协议ssl
    对称加密和非对称加密
  • 原文地址:https://www.cnblogs.com/moogu/p/5069078.html
Copyright © 2011-2022 走看看