jQuery实现图片预加载效果

(编辑：jimmy 日期: 2026/1/11 浏览：3 次 )

本文实例讲述了jQuery实现图片预加载效果代码。分享给大家供大家参考。具体如下：
运行效果截图如下：

具体代码如下：

html代码：

<div class="main">
 <br>
 <div class="title">图片预加载</div>
 <div class="content">
  <div class="img">
  <a href="">
   <img lazyloadsrc="/UploadFiles/2021-04-02/1.jpg">

js代码：




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


本文已被整理到了《jquery图片加载方法汇总》 ，欢迎大家学习阅读。
大家在加载图片时就会看到这种效果，现在知道是实现的过程了吧，希望大家喜欢小编分享的jQuery实现图片预加载效果。

上一篇：javascript设计模式--策略模式之输入验证
下一篇：基于Jquery实现仿百度百科右侧导航代码附源码下载