首页

源码搜藏网

首页 > 开发教程 > IT博文 > Web前端 > javascript技术 >

图片延迟加载的实现代码(模仿懒惰)

创建时间:2013-04-09 11:06  

在浏览网页时经常会碰到图片延迟加载的情况,它的优势在于提高加载速度,未加载前加载图片占位图,接下来为大家详细介绍下

加到页面head标签即可! 

复制代码代码如下:

<script type="text/javascript" src="http://plwcommon.hywlm.com/PLWCommonJs/lazyload/jquery.lazyload.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready( 
function($){ 
$("img").lazyload({ 
placeholder : "http://plwcommon.hywlm.com/PLWCommonJs/lazyload/grey.gif", //加载图片前的占位图片 
effect : "fadeIn" //加载图片使用的效果(淡入) 
}); 
}); 
</script> 
上一篇:验证码按回车不变解决方法
下一篇:JS 跳转页面延迟2种方法

相关内容

热门推荐