首页 > 代码库 > jquery 延迟加载代码
jquery 延迟加载代码
<!--引入以下两个js文件--> <script type="text/javascript" src="./js/jquery.min.js"> </script> <script type="text/javascript" src="./js/jquery.lazyload.js"> </script> <!--初始化--> <script> $(function(){ // 在灰色占位图片被点击之前阻止加载图片 $("img.lazy").lazyload({ placeholder : "img/grey.gif", event : "click" }); $("ul img").lazyload({ placeholder :"vsli1.gif", //当图片完全加载的时候, 插件默认地使用 show() 方法来将图显示出来. 其实你可以使用任何你想用的特效来处理 effect : "fadeIn", threshold : 10 }); }); </script><body><img class="lazy" src="./image/1.jpg" width="100" heigh="100" /><ul> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./images/1.jpg" ></li> <li><img src="./images/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./images/1.jpg" ></li> <li><img src="./images/11.jpg" ></li></ul></body>
jquery 延迟加载代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。