网站:
http://www.appelsiini.net/projects/lazyload
图片延迟显示。
正常加载,当滚轮下拉滑动到图片处图片会慢慢显示出来,过度平滑.
<head>
<title>test</title>
<script type="text/javascript" src="js/lazyload/jquery-1.5.js"></script>
<script type="text/javascript" src="js/lazyload/jquery.lazyload.plugin.js"></script>
<script type="text/javascript">
$(function(){
lazyload();
});
</script>
</head>
<body>
<div style="display: block;height: 1500px"></div>
<img src="http://twaver.servasoft.com/wp-content/uploads/2010/06/365.png" /><br>
<img src="http://img1.gtimg.com/hb/pics/hv1/81/235/877/57086931.jpg" /><br>
<img src="http://product.tompda.com/pcpop/BigImage/000274717/003511135.jpg" /><br>
<div style="display: block;height: 500px"></div>
</body>
</html>
附件为演示项目,放tomcat下既可显示.
目录结构:
- 大小: 5.6 KB
分享到:
相关推荐
jq图片延迟加载
一个大神写的jQuery滚动加载插件scrollLoading测试很好用。
jquery.DataLazyLoad数据延迟加载插件
Jquery.ScrollLoading图片延迟加载,利用Jquery实现网站滚动时动态加载图片。
jquery 图片延迟加载插件制作tab选项卡图片异步加载
jquery图片预加载延迟加载 先打开默认图片,随后顺序加载 优化打开速度 提升用户体验 极力推荐
jQuery滚动图片延迟加载插件【一个大神写的】
纯jq写的图片延迟加载
使用jquery 进行图片延迟加载,区别于jquery插件的lazyload。按需加载。
图片懒加载文件jquery插件库EasyLazyload
页面图片延迟加载,用起来非常方便,里面有demo,自己看一下,非常简单
本特效没有使用专门的图片延迟加载插件,只需要一小段jQuery代码就实现了图片延迟加载,使用非常方便。在本文后面附有源码下载。 效果展示 源码下载 用到的加载中的图片: 代码如下: <!DOCTYPE html> <...
jquery Loading图片延迟加载是一款滚动页面图片延迟加载效果。
jquery实现图片延迟加载过程.rar
晓甜雨之前给大家也推荐过一款图片延迟加载特效,原文链接如下:jquery实现图片延迟加载和ajax方式加载页面 今天再给大家介绍一款,两者的区别在于前者有个加载的过程,后者则是渐变显示,两者的区别再此,晓甜雨...
jQuery图片延迟加载插件是一款基于jquery实现的轻量级图片延迟加载插件。由于图片太大,加载缓慢,本插件可以完美解决该问题,加载图片之前先显示loading图片,用户体验更好。本文档有实例,可以直接使用。
HTML+jquery图片预加载功能,实用于web及移动端