JavaScript实现图片懒加载图片懒加载是一种在页面加载时，延迟加载图片资源的技术，也就是说图片资源在需要的时候才会加载

共11个文件

png：7个

css：1个

gif：1个

javascript

网络协议

需积分: 1 0 下载量 15 浏览量 2023-09-14 14:12:23 上传评论收藏 7.28MB ZIP 举报

温馨提示

JavaScript实现图片懒加载。图片懒加载是一种在页面加载时，延迟加载图片资源的技术，也就是说图片资源在需要的时候才会加载。

资源推荐

资源详情

资源评论

收起资源包目录

框架之图片懒加载.zip （11个子文件）

3.png 700KB

myth.js 13KB

1.png 845KB

img

3.png 1.09MB

loading.gif 192KB

1.png 946KB

4.png 1.49MB

2.png 1.4MB

css

myth.css 23KB

框架之图片懒加载.html 1KB

2.png 698KB

共 11 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/myth.css"> <script src="js/myth.js"></script> <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1"/> </head> <body> <div class="mythBox mid"> <img class="imglazy" src="img/loading.gif" myth-original="img/1.png"/> <img class="imglazy" src="img/loading.gif" myth-original="img/2.png"/> <img class="imglazy" src="img/loading.gif" myth-original="img/3.png"/> <img class="imglazy" src="img/loading.gif" myth-original="img/4.png"/> <img class="imglazy" src="img/loading.gif" myth-original="img/3.png"/> <img class="imglazy" src="img/loading.gif" myth-original="img/1.png"/> <img class="imglazy" src="img/loading.gif" myth-original="img/2.png"/> <img class="imglazy" src="img/loading.gif" myth-original="img/3.png"/> <img class="imglazy" src="img/loading.gif" myth-original="img/4.png"/> <img class="imglazy" src="img/loading.gif" myth-original="img/2.png"/> </div> <script type="text/javascript"> myth(".imglazy").lazy(true); </script> </body> </body> </html>

评论收藏

内容反馈

资源评论