jQuery页面图片伴随滚动条逐渐显示的小例子
更新时间：2013年03月21日 11:49:17 作者：
jQuery页面图片伴随滚动条逐渐显示的小例子，需要的朋友可以参考一下
复制代码 代码如下:
<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>
相关文章
无刷新三级联动的实现方法有很多，今天将与大家讨论下jQuery JSON如何实现，感兴趣的朋友们可以参考下哈2013-05-05
下面小编就为大家带来一篇Query常用DIV操作获取和设置长度宽度的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
slides是一款强大的，专业的幻灯片组件，能够全方位对幻灯片的速度控制，本文通过代码实例给大家讲解jquery.slides.js，感兴趣的朋友一起学习2015-11-11
这篇文章主要为大家详细介绍了Jquery插件easyUi实现表单验证的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
本文主要介绍了jquery实现更改表格行顺序示例,大家参考使用吧2014-04-04![基于jquery的lazy loader插件实现图片的延迟加载[简单使用]](//img.jbzj.com/images/xgimg/bcimg5.png)
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
当网站上有大量图片要展示的话，如果一次把所有的图片都加载出来的话，这势必会影响网站的加载速度，给用户带来比较差的体验。2011-05-05
这篇文章主要介绍了jquery插件懒加载的示例，帮助大家更好的利用jQuery制作网页，感兴趣的朋友可以了解下2020-10-10
开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。2014-11-11
本篇文章主要是对jquery 删除字符串最后一个字符的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
Lazy Load是一个用 JavaScript 编写的jQuery插件. 它可以延迟加载长页面中的图片. 本文对它进行实例介绍，具有很好的参考价值，下面跟着小编一起来看下吧2016-12-12
![基于jquery的lazy loader插件实现图片的延迟加载[简单使用]](http://img.jbzj.com/images/xgimg/bcimg5.png)
最新评论