jQuery网页向下滚动图片延迟加载代码

来源:https://www.sucaihuo.com/js/2170.html 2017-06-14 22:17浏览(787) 收藏

jQuery网页向下滚动图片延迟加载代码,鼠标下拉滚动页面时图片延迟加载显示出来,未显示前有加载动画小图标。
jQuery网页向下滚动图片延迟加载代码
分类:图片代码 > 延迟加载 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $(window).scroll(function(event) {
          var ah=$(window).scrollTop();
          var ch=$(window).height()
          $('.img_box').each(function(){
            var bh=$(this).offset().top;
            if(ch+ah-200>bh){
                var a=$(this).find('img').attr("load_src");
                 $(this).find('img').attr("src",a);
            }
          })
        });
    })
</script>
标签: 延迟加载
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2