jQuery 懒加载实例

2018-03-08 14:43:54 阅读:2 编辑 
HTML>
<HTML lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title> 懒加载实例 title>

head>
<body>
PHP for ($i=0;$i<20; ++$i){$height = 200 + ($i * 10);
?>
<img class="lazy img-responsive"
     data-original="http://lorempixel.com/400//" width="400" height=""><br>
PHP }?>
<script src="https://cdnjs.cloudflare.com/Ajax/libs/jQuery/2.2.4/jquery.min.js">script>
<script src="https://cdnjs.cloudflare.com/Ajax/libs/jQuery_lazyload/1.9.7/jquery.lazyload.js">script>
<script type="text/JavaScript">
$(Windows).ready (function () {$("img.lazy").lazyload ({effect : "fadeIn"});
    });
script>
body>
HTML>