图片延迟加载的实现代码(模仿懒惰)
更新时间:2013年03月29日 15:20:04 作者:
在浏览网页时经常会碰到图片延迟加载的情况,它的优势在于提高加载速度,未加载前加载图片占位图,接下来为大家详细介绍下,感兴趣的朋友可以参考下哈
加到页面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>
相关文章
e.target与e.currentTarget对象的使用区别详解
这篇文章主要为大家介绍了e.target与e.currentTarget的使用区别示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-07-07利用百度echarts实现图表功能简单入门示例【附源码下载】
这篇文章主要介绍了利用百度echarts实现图表功能简单,结合简单示例形式分析了echarts插件的图标绘制功能相关实现技巧,并附带源码供读者下载参考,需要的朋友可以参考下2019-06-06
最新评论