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

 更新时间: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>

相关文章

  • JavaScript实现获得所有兄弟节点的方法

    JavaScript实现获得所有兄弟节点的方法

    这篇文章主要介绍了JavaScript实现获得所有兄弟节点的方法,实例分析了javascript节点遍历的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • window.location.href和window.open窗口跳转区别解析

    window.location.href和window.open窗口跳转区别解析

    这篇文章主要为大家介绍了window.location.href和window.open 跳转区别解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • JS 获取鼠标左右键的键值方法

    JS 获取鼠标左右键的键值方法

    这篇文章主要介绍了JS 获取鼠标左右键的键值方法,很简单,但很实用,特别是在做与用户交互相关的东西
    2014-10-10
  • js实现选项卡效果

    js实现选项卡效果

    这篇文章主要为大家详细介绍了js实现选项卡效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JavaScript实现京东秒杀效果

    JavaScript实现京东秒杀效果

    这篇文章主要为大家详细介绍了JavaScript实现京东秒杀效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • JS实现简单打砖块弹球小游戏

    JS实现简单打砖块弹球小游戏

    这篇文章主要为大家详细介绍了JS实现简单打砖块弹球小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • JavaScript的事件绑定(方便不支持js的时候)

    JavaScript的事件绑定(方便不支持js的时候)

    看了JavaScript DOM 编程艺术的Best Practices那章,才知道我们在制作网页的时候有很多东西需要考虑
    2013-10-10
  • js实现鼠标点击飘爱心效果

    js实现鼠标点击飘爱心效果

    这篇文章主要为大家详细介绍了js实现鼠标点击飘爱心效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • JS实现简易换图时钟功能分析

    JS实现简易换图时钟功能分析

    这篇文章主要介绍了JS实现简易换图时钟功能,结合实例形式分析了javascript结合时间函数定时变换显示图片实现时钟功能的相关操作技巧,代码中备有较为详尽的注释便于理解,需要的朋友可以参考下
    2018-01-01
  • js实现无缝滚动图

    js实现无缝滚动图

    本文主要分享了js实现无缝滚动图的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02

最新评论