jq插件，图片或者视频懒加载
发布日期：2021-05-07 20:11:09
浏览次数：20
分类：原创文章
本文共 4111 字，大约阅读时间需要 13 分钟。
直接上代码（代码复制即可，插件可以自行百度下载或者在我这里下载）
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>jq图片视频懒加载</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="viewport" content="width=device-width" /></head><body><section class="container"> <div class="content-wrap"> <div id="container"> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://www.baidu.com/img/bd_logo1.png?where=super" width="765" height="574" alt="BMW M1 Hood"> <br/> <img class="lazy img-responsive" data-original="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1584965560898&di=2745355a556f65761ff857536cb535cc&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F68%2F61%2F300000839764127060614318218_950.jpg" width="765" height="574" alt="BMW M1 Hood"> <br/> </div> </div></section><script src="jquery.min.js"></script><script src="jquery.lazyload.js"></script><script type="text/javascript"> $(function () { $("img.lazy").lazyload(); });</script></body></html>感谢观看，欢迎交流提供更高效代码（视频懒加载是一样的写法，自己思考一下，不明白可以留言，感谢）
发表评论
最新留言
路过，博主的博客真漂亮。。
[***.116.15.85]2025年04月10日 02时32分43秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
KNN 算法-理论篇-如何给电影进行分类
2021-05-09
Spring Cloud第九篇 | 分布式服务跟踪Sleuth
2021-05-09
CODING 敏捷实战系列课第三讲：可视化业务分析
2021-05-09
工作动态尽在掌握 - 使用 CODING 度量团队效能
2021-05-09
CODING DevOps 深度解析系列第二课报名倒计时！
2021-05-09
数据结构第八节(图(下))
2021-05-09
基于Mustache实现sql拼接
2021-05-09
POJ 2260 Error Correction 模拟 贪心 简单题
2021-05-09
gRPC在 ASP.NET Core 中应用学习（一）
2021-05-09
@SuppressWarnings 用法
2021-05-09
看完你就明白的锁系列之锁的状态
2021-05-09
看完这篇操作系统，和面试官扯皮就没问题了
2021-05-09
我的价值观
2021-05-09
一文详解 Java 并发模型
2021-05-09
值类型与引用类型（中)
2021-05-09
MSSQL 2005 数据库变成可疑状态
2021-05-09
QBlog V2.5 源码开放下载（ASP.NET 番外系列之开端）
2021-05-09
秋色园引发CPU百分百命案的事件分析与总结
2021-05-09
安装jdk并配置环境变量
2021-05-09
稀疏数组
2021-05-09
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 459581242 位访客
访问时间: 2025-04-19 21:15:55
访问IP: 18.219.179.32
Copyright © 2020 - 2025 css8.cn 京ICP备2021015314号-1
手机版