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>
    

    附件地址:下载

  • 相关阅读:
    PhoneGap打包webApp
    mysql触发器实例说明
    mysql索引总结
    python:生成器
    python:装饰器
    python:局部变量与全局变量
    python:函数
    python:文件操作
    python:集合及其运算
    python:字符串常用函数
  • 原文地址:https://www.cnblogs.com/moogu/p/5069078.html
Copyright © 2011-2022 走看看