jq：jQuery库文件jquery.scrollLoading.js使用方法

分类: IT文章 • 2023-11-06 11:05:17

图片延迟加载，滚动到哪里加载到哪里：

1：头部加载库文件

<script type="text/javascript" src="/js/jquery.scrollLoading.js"></script>

2：<img>标签内属性加class="scrollLoading" ，data-url="真实地址"，src="1px * 1px的gif透明图片"，其它属性不变

<a href=""><img class="scrollLoading"  data-url=""  src="http://images.cnblogs.com/grey.gif"  alt="" ></a>

3：尾部需要异步加载

<script type="text/javascript" charset="utf-8">
 //异步加载
      $(function() {
            $(".scrollLoading").scrollLoading();	
        });
</script>