demo.html：
<!DOCTYPE html>
<html>
<head >
<meta charset="UTF-8">
<title></title>
<style>
div {
height: 3000px;
background-color: pink;
}
</style>
<script src="jquery-1.11.1.js"></script> <!--先引入JQuery-->
<script src="jquery.lazyload.min.js"></script> <!--再引入第三方插件-->
<script>
$(function () {
//懶加載調用
$("img.lazy").lazyload();
})
</script>
</head>
<body>
<div></div>
<!--<img src="images/01.jpg" alt=""/>-->
<img class="lazy" data-original="images/01.jpg" width="640" height="480">
</body>
</html>
images/01.jpg：
![用js實作的一個加載中狀态的動态效果[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)