JQuery插件lazylozd,图片延迟加载使用-CSDN博客

本文链接：https://blog.csdn.net/komoe/article/details/84415843

网站: [url=http://www.appelsiini.net/projects/lazyload]http://www.appelsiini.net/projects/lazyload[/url]

图片延迟显示。
正常加载,当滚轮下拉滑动到图片处图片会慢慢显示出来,过度平滑.


<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>