jQuery页面图片伴随滚动条逐渐显示的小例子


Posted in Javascript onMarch 21, 2013
<script type="text/javascript" src="jquery.min.js"></script>
<!-- //再载入lazyload --> 
<script type="text/javascript" src="jquery.lazyload.js"></script> 
<script type="text/javascript"> jQuery(document).ready( function($){ $("container").lazyload();
$("img").lazyload({ placeholder : "grey.gif", //加载图片前的占位图片 effect : "fadeIn" //加载图片使用的效果(淡入) }); });
</script> <style type="text/css"> #container { height: 2500px; background:#333; } </style>
</head>
<body>
<img src="flash.jpg">
<br/> 
<div id="container"> 
<img src="1.jpg">
<br/> 
<img src="2.jpg">
<br/> 
<img src="3.jpg">
<br/>
<img src="4.jpg">
<br/> 
<img src="5.jpg">
<br/> 
<img src="6.jpg">
<br/> 
<img src="7.jpg">
<br/> 
<img src="8.jpg">
<br/>
<img src="9.jpg">
<br/> 
</div>
Javascript 相关文章推荐
JavaScript进阶教程(第四课第一部分)
Apr 05 Javascript
javascript DOM编程实例(智播客学习)
Nov 23 Javascript
在jQuery1.5中使用deferred对象 着放大镜看Promise
Mar 12 Javascript
javascript自然分类法算法实现代码
Oct 11 Javascript
JS操作iframe里的dom(实例讲解)
Jan 29 Javascript
js对象继承之原型链继承实例
Jan 10 Javascript
jquery+easeing实现仿flash的载入动画
Mar 10 Javascript
一看就懂:jsonp详解
Jun 01 Javascript
pm2 部署 node的三种方法示例
Oct 20 Javascript
在vue中实现简单页面逆传值的方法
Nov 27 Javascript
vue中实现高德定位功能
Dec 03 Javascript
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
js 验证密码强弱的小例子
Mar 21 #Javascript
javascript中日期转换成时间戳的小例子
Mar 21 #Javascript
Javascript算符的优先级介绍
Mar 20 #Javascript
jQuery.validate 常用方法及需要注意的问题
Mar 20 #Javascript
如何用js控制frame的隐藏或显示的解决办法
Mar 20 #Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
Mar 20 #Javascript
jQuery对象和Javascript对象之间转换的实例代码
Mar 20 #Javascript
You might like
PHP 自定义错误处理函数trigger_error()
2013/03/26 PHP
PHP加密解密字符串汇总
2015/04/26 PHP
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
SpringMVC返回json数据的三种方式
2015/12/10 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
nodejs微信公众号支付开发
2016/09/19 NodeJs
浅析script标签中的defer与async属性
2016/11/30 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
Angular2入门教程之模块和组件详解
2017/05/28 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
20行JS代码实现粘贴板复制功能
2018/02/06 Javascript
解决vue 更改计算属性后select选中值不更改的问题
2018/03/02 Javascript
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
Node.js系列之连接DB的方法(3)
2019/08/30 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
Vue3 中的数据侦测的实现
2019/10/09 Javascript
python中list常用操作实例详解
2015/06/03 Python
pandas删除行删除列增加行增加列的实现
2019/07/06 Python
使用Matplotlib 绘制精美的数学图形例子
2019/12/13 Python
PyQt5的相对布局管理的实现
2020/08/07 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
Python 3.9的到来到底是意味着什么
2020/10/14 Python
Pycharm安装Qt Design快捷工具的详细教程
2020/11/18 Python
JAVA中运算符的分类及举例
2015/09/12 面试题
房地产销售经理岗位职责
2014/01/01 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
评析教师个人的自我评价
2014/02/19 职场文书
售后服务承诺书模板
2014/05/21 职场文书
党员民主生活会整改措施
2014/09/26 职场文书
2014会计年终工作总结
2014/12/20 职场文书
2015年科协工作总结
2015/05/19 职场文书
欢迎新生标语2015
2015/07/16 职场文书
在HTML5 localStorage中存储对象的示例代码
2021/04/21 Javascript
Python之基础函数案例详解
2021/08/30 Python
Python的三个重要函数详解
2022/01/18 Python