星空网 > 软件开发 > Java

基于jQuery图片预加载ydxLazyLoad.js代码

分享一款基于jQuery图片预加载ydxLazyLoad.js代码。这是一款基于ydxLazyLoad.js插件实现的图片延迟加载特效。效果图如下:

基于jQuery图片预加载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>

js代码:

 $(function () {      $("[lazyLoadSrc]").YdxLazyLoad({        onShow: function () {          $(this).parent().next().hide()        }      }); });

via:http://www.w2bc.com/article/jquery-img-ydxLazyLoad




原标题:基于jQuery图片预加载ydxLazyLoad.js代码

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流