`
アリス
  • 浏览: 7359 次
  • 性别: Icon_minigender_1
  • 来自: 福建
文章分类
社区版块
存档分类
最新评论

JQuery插件lazylozd,图片延迟加载使用

阅读更多
网站: 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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics