代码改变世界

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

2013-11-20 10:59  xbread  阅读(1653)  评论(1编辑  收藏  举报

图片延迟加载,滚动到哪里加载到哪里:

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>