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

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

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>

转载于:https://www.cnblogs.com/xxmb/p/3433017.html

jq：jQuery库文件jquery.scrollLoading.js使用方法相关推荐

JQuery选择器和JQuery库文件引入
很久没有写博客了,可以说因为工作忙得关系和知识需要累计到一定程度才写,好吧,话不多说,let;s Do. JQuery库文件引入: 1.在使用Jquery时,JQuery库文件必须放在第一位,否则引用 ...
使用谷歌jquery库文件的理由
使用谷歌jquery库文件的理由最近看到,那些引用jquery的文件那些网站,好多是使用谷歌的库:像这样的<script type="text/javascript"src ...
Keil 5(MDK 5)中的 Pack Installer下载不了库文件包的解决替代方法（在Keil官网下载Packs库文件）
想要使用keil自带的Pack Installer安装一些需要的软件包,但是Pack Installer经常出现各种问题,导致安装不了,比如: 其实我们可以先去网站把库文件包下载下来,然后自己导入就可 ...
js文件中引入js的方法
方法一,在调用文件的顶部加入下例代码 document.createElement("script").setAttribute("src", "re ...
jQuery库之 jquery slimscroll插件使用
(官网简介) What is slimScroll? slimScroll is a small (4.6KB) jQuery plugin that transforms any div int ...
jQuery库的介绍与使用
文章目录 1.jQuery库介绍 2.jQuery优势 3.jQuery的使用 4.jQuery入门 5.jQuery页面加载方式 6.原生的DOM对象和jQuery对象的互转 7.jQuery的选择 ...
jQuery库——引入CDN
一.引入CDN的原因 jQuery库文件既可以放在本地,也可以直接使用知名公司的CDN(内容分发网络).使用CDN的好处是这些大公司的CDN比较流行,用户访问你的网络之前很可能在访问别的网站时已经将库 ...
深入浅出 JQuery (一) 浅析JQuery
1. 概述一种新技术.新思维的出现都是因为它更方便了人们的需要,解决了目前的一些问题,它产生的同时有好处也有弊端,要看我们如何应用. 前面已经给大家介绍了JavaScript脚本语言,它在很大程度 ...
jQuery学习笔记——jQuery基础核心
代码风格在jQuery程序中,不管是页面元素的选择.内置的功能函数,都是美元符号"$"来起始的.而这个"$"就是jQuery当中最重要且独有的对象:jQue ...

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

jq：jQuery库文件jquery.scrollLoading.js使用方法相关推荐

最新文章

热门文章