jQuery 图片懒加载技术

最新推荐文章于 2022-03-29 20:56:25 发布

原创最新推荐文章于 2022-03-29 20:56:25 发布 · 135 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #js #javascript #ViewUI

Javascript 同时被 2 个专栏收录

33 篇文章

订阅专栏

jQuery

7 篇文章

订阅专栏

本文介绍了如何使用jQuery懒加载插件实现网站上的图片按需加载，提高用户体验和减轻服务器负担。



 <!--引入以下两个js文件-->
 <script type="text/javascript" src="jquery-1.2.6.pack.js"> </script>
 <script type="text/javascript" src="jquery.lazyload.js"> </script>

 <!--初始化-->
 <script>
	 $(function(){
		 $("ul img").lazyload({
			 placeholder :"vsli1.gif",
			 effect : "fadeIn",
			 threshold : 10  			 
		 }); 
	 });

 </script>


<body>
<ul>
	   <li<img src="images/shipin_15.jpg" /</li>
	   <li<img src="images/shipin_15.jpg" /</li>
            ....
</ul>
</body>