jquery插件懒加载的示例


Posted in jQuery onOctober 24, 2020
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title></title>
  <script src="jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="jquery.lazyload.min.js" type="text/javascript"></script>

  <style type="text/css">
   #box {
    background-color: yellow;
    width: 300px;
    height: 200px;
   }
  </style>

  <script type="text/javascript">
   $(document).ready(function() {
    $("img.lazy").lazyload();
   });
  </script>
 </head>
 <body>
  <div id="box">
  </div>
  <img class="lazy" data-original="avatar.png" width="215" height="215">
 </body>
</html>

jquery插件懒加载的示例

jquery插件懒加载的示例

以上就是jquery插件懒加载的示例的详细内容,更多关于jquery插件懒加载的资料请关注三水点靠木其它相关文章!

jQuery 相关文章推荐
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
基于jquery实现多选下拉列表
Aug 02 jQuery
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
基于JQuery和DWR实现异步数据传递
Oct 16 jQuery
jquery实现异步文件上传ajaxfileupload.js
Oct 23 #jQuery
jquery实现抽奖功能
Oct 22 #jQuery
jQuery实现可以计算进制转换的计算器
Oct 19 #jQuery
jQuery实现计算器功能
Oct 19 #jQuery
jQuery实现推拉门效果
Oct 19 #jQuery
jQuery实现图片切换效果
Oct 19 #jQuery
jQuery实现回到顶部效果
Oct 19 #jQuery
You might like
PHP Zip解压 文件在线解压缩的函数代码
2010/05/26 PHP
PHP安全配置详细说明
2011/09/26 PHP
php使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
PHP+redis实现微博的推模型案例分析
2019/07/10 PHP
javascript实现的listview效果
2007/04/28 Javascript
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
express的中间件basicAuth详解
2014/12/04 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
js仿3366小游戏选字游戏
2016/04/14 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
2016/08/05 Javascript
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
2017/02/17 Javascript
bootstrap的工具提示实例代码
2017/05/17 Javascript
ionic2中使用自动生成器的方法
2018/03/04 Javascript
node前端开发模板引擎Jade的入门
2018/05/11 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
2018/11/08 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
2019/03/30 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
创建与框架无关的JavaScript插件
2020/12/01 Javascript
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python制作简单的网页爬虫
2015/11/22 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
浅谈python内置变量-reversed(seq)
2017/06/21 Python
详解Django-auth-ldap 配置方法
2018/12/10 Python
Python pandas RFM模型应用实例详解
2019/11/20 Python
python适合做数据挖掘吗
2020/06/16 Python
Python Merge函数原理及用法解析
2020/09/16 Python
如何通过安装HomeBrew来安装Python3
2020/12/23 Python
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
运动会广播稿300字
2014/01/10 职场文书
夜不归宿检讨书
2014/02/25 职场文书
班主任班级管理心得体会
2016/01/07 职场文书
合理缓解职场压力,让你随时保持最佳状态!
2019/06/21 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
「月刊Action」2022年5月号封面公开
2022/03/21 日漫