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 相关文章推荐
基于js disabled=&quot;false&quot;不起作用的解决办法
Jun 26 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
Oct 29 Javascript
JavaScript DOM操作表格及样式
Apr 13 Javascript
jquery动态增加删减表格行特效
Nov 20 Javascript
JS函数arguments数组获得实际传参数个数的实现方法
May 28 Javascript
JavaScript函数节流概念与用法实例详解
Jun 20 Javascript
JavaScript中apply方法的应用技巧小结
Sep 29 Javascript
thinkjs 文件上传功能实例代码
Nov 08 Javascript
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
Vue-Router的使用方法
Sep 05 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 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
PHP的substr_replace将指定两位置之间的字符替换为*号
2011/05/04 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
mouse_on_title.js
2006/08/25 Javascript
纯Javascript实现Windows 8 Metro风格实现
2013/10/15 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
jquery实现鼠标滑过小图查看大图的方法
2015/07/20 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
2015/08/23 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
2020/04/20 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
2017/02/13 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
JS中把函数作为另一函数的参数传递方法(总结)
2017/06/28 Javascript
JS同步、异步、延迟加载的方法
2018/05/05 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
2018/10/02 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
2020/09/16 Javascript
[02:46]完美世界DOTA2联赛PWL DAY4集锦
2020/11/03 DOTA
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
Python编程入门的一些基本知识
2015/05/13 Python
Python连接mysql数据库的正确姿势
2016/02/03 Python
python面向对象之类属性和类方法案例分析
2019/12/30 Python
django admin后管定制-显示字段的实例
2020/03/11 Python
HTML5页面中尝试调起APP功能
2017/09/12 HTML / CSS
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
华为消费者德国官方网站:HUAWEI德国
2020/11/03 全球购物
办公自动化专业大学生职业规划书
2014/03/06 职场文书
大学生职业生涯规划书
2014/03/14 职场文书
活动总结怎么写啊
2014/05/07 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
网站出售协议书范文
2014/10/10 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
办公室禁烟通知
2015/04/23 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
MySQL 数据类型详情
2021/11/11 MySQL
详细聊聊Oracle表碎片对性能有多大的影响
2022/03/19 Oracle
Win11 vmware不兼容怎么办?Win11与VMware虚拟机不兼容的解决方法
2023/01/09 数码科技