jQuery页面图片伴随滚动条逐渐显示的小例子
复制代码 代码如下:
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js"><!-- //再载入lazyload -->
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.lazyload.js"><script type="text/javascript"> jQuery(document).ready( function($){ $("container").lazyload();
$("img").lazyload({ placeholder : "grey.gif", //加载图片前的占位图片 effect : "fadeIn" //加载图片使用的效果(淡入) }); });
</script> <style type="text/css"> #container { height: 2500px; background:#333; } </style>
</head>
<body>
<img src="/UploadFiles/2021-04-02/flash.jpg"><br/>
<div id="container">
<img src="/UploadFiles/2021-04-02/1.jpg"><br/>
<img src="/UploadFiles/2021-04-02/2.jpg"><br/>
<img src="/UploadFiles/2021-04-02/3.jpg"><br/>
<img src="/UploadFiles/2021-04-02/4.jpg"><br/>
<img src="/UploadFiles/2021-04-02/5.jpg"><br/>
<img src="/UploadFiles/2021-04-02/6.jpg"><br/>
<img src="/UploadFiles/2021-04-02/7.jpg"><br/>
<img src="/UploadFiles/2021-04-02/8.jpg"><br/>
<img src="/UploadFiles/2021-04-02/9.jpg"><br/>
</div>
下一篇：js 验证密码强弱的小例子