编程 Javascript

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 相关文章推荐

Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)

Jul 09 Javascript

JavaScript实现倒计时代码段Item1（非常实用）

Nov 03 Javascript

学习使用bootstrap基本控件（table、form、button）

Apr 12 Javascript

layer实现弹窗提交信息

Dec 12 Javascript

详解jQuery中的DOM操作

Dec 23 Javascript

js生成随机颜色方法代码分享（三种）

Dec 29 Javascript

JS实现的表头列头固定页面功能示例

Jan 10 Javascript

详解Vue.js分发之作用域槽

Jun 13 Javascript

Angularjs在360兼容模式下取数据缓存问题的解决办法

Jun 22 Javascript

Angular.js中angular-ui-router的简单实践

Jul 18 Javascript

微信小程序拼接图片链接无底洞深入探究

Sep 03 Javascript

JS如何在不同平台实现多语言方式

Jul 16 Javascript

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