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的朋友一点学习经验小结
Nov 23 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
Dec 27 Javascript
jQuery实现统计输入文字个数的方法
Mar 11 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
Dec 13 Javascript
详解JavaScript的另类写法
Apr 11 Javascript
js仿小米官网图片轮播特效
Sep 29 Javascript
Node.js学习之地址解析模块URL的使用详解
Sep 28 Javascript
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
Vue 通过公共字段,拼接两个对象数组的实例
Nov 07 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 Javascript
vue里使用create, mounted调用方法
Apr 26 Vue.js
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
PHP5.3与5.5废弃与过期函数整理汇总
2014/07/10 PHP
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
PHP实现的数据对象映射模式详解
2019/03/20 PHP
Javascript实例教程(19) 使用HoTMetal(7)
2006/12/23 Javascript
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
深入探究使JavaScript动画流畅的一些方法
2015/06/30 Javascript
JS自定义选项卡函数及用法实例分析
2015/09/02 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
javascript 分号总结及详细介绍
2016/09/24 Javascript
利用three.js画一个3D立体的正方体示例代码
2017/11/19 Javascript
微信小程序页面生命周期详解
2018/01/31 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee
2018/08/15 DOTA
在Python下使用Txt2Html实现网页过滤代理的教程
2015/04/11 Python
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
在python中实现对list求和及求积
2018/11/14 Python
Python中按键来获取指定的值
2019/03/02 Python
Python迭代器Iterable判断方法解析
2020/03/16 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
详解HTML5布局和HTML5标签
2020/10/26 HTML / CSS
编写用C语言实现的求n阶阶乘问题的递归算法
2014/10/21 面试题
中学自我评价
2014/01/31 职场文书
2014年入党积极分子党课学习心得体会模板
2014/04/03 职场文书
一分钟演讲稿
2014/04/30 职场文书
烹饪大赛策划方案
2014/05/26 职场文书
小学生勤俭节约演讲稿
2014/08/28 职场文书
趣味运动会广播稿
2014/09/13 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
教师节领导致辞
2015/07/29 职场文书
python析构函数用法及注意事项
2021/06/22 Python
python中if和elif的区别介绍
2021/11/07 Python