分享一款基于jQuery图片预加载ydxLazyLoad.js代码。这是一款基于ydxLazyLoad.js插件实现的图片延迟加载特效。效果图如下:在线预览 源码下载实现的代码。html代码:<div class="main"> ...
分享一款基于jQuery图片预加载ydxLazyLoad.js代码。这是一款基于ydxLazyLoad.js插件实现的图片延迟加载特效。效果图如下:
在线预览 源码下载
实现的代码。
html代码:
<div class="main"> <br> <div class="title">图片预加载</div> <div class="content"> <div class="img"> <a href=""> <img lazyloadsrc='/images/loading.gif' data-original="images/1.jpg" width="200" height="120"> </a> <span class="loading"></span> </div> <div class="img"> <a href=""> <img lazyloadsrc='/images/loading.gif' data-original="images/2.jpg" width="200" height="120"> </a> <span class="loading"></span> </div> <div class="img"> <a href=""> <img lazyloadsrc='/images/loading.gif' data-original="images/3.jpg" width="200" height="120"> </a> <span class="loading"></span> </div> <div class="img"> <a href=""> <img lazyloadsrc='/images/loading.gif' data-original="images/4.jpg" width="200" height="120"> </a> <span class="loading"></span> </div> <div class="img"> <a href=""> <img lazyloadsrc='/images/loading.gif' data-original="images/5.jpg" width="200" height="120"> </a> <span class="loading"></span> </div> <div class="img"> <a href=""> <img lazyloadsrc='/images/loading.gif' data-original="images/6.jpg" width="200" height="120"> </a> <span class="loading"></span> </div> </div> </div>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:基于jQuery图片预加载ydxLazyLoad.js代码
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。