js怎麽異步加載loading

首先引用jquery.scrollLoading.js(上壹篇博文有)和jquery.js

把下面代碼放到標簽裏，就會得到異步加載圖片的效果

//這個在我上壹篇博文有這個

$(document).ready(function () {

//實現圖片慢慢浮現出來的效果

$("img").load(function () {

//圖片默認隱藏

$(this).hide();

//使用fadeIn特效

$(this).fadeIn("5000");

});

// 異步加載圖片，實現逐屏加載圖片

$(".scrollLoading").scrollLoading();

});

註意img裏的class，在這裏就不細說了

data-url表示將要異步加載的圖片，src表示首先加載的圖片（壹般會是小圖片，或者是壹個動畫，網頁中全部的src鏈接同壹個圖片，這樣網頁就加載快好多，這個時候再異步的加載要加載的圖片，也就現在要說的功能）