基于jQuery仿百度首页换肤功能代码

分享一款基于jQuery仿百度首页换肤功能代码。这是一款类似百度首页的自定义背景图片切换特效代码。

在线预览    源码下载

实现的代码。

html代码：

<a href="#">换肤</a><div class="heitiao"></div><div class="con"><img src='/images/loading.gif' data-original="images/content.png" /></div><div class="head">  <div class="menu">   <div class="title">     <p class="p1"></p>     <p class="p2"></p>   </div> <div class="bg">  <div class="bgcon">    <img class="big" src='/images/loading.gif' data-original="images/bg0s.jpg">    <img src='/images/loading.gif' data-original="images/bg1s.jpg">    <img src='/images/loading.gif' data-original="images/bg2s.jpg">    <img src='/images/loading.gif' data-original="images/bg3s.jpg">    <img src='/images/loading.gif' data-original="images/bg4s.jpg">    <img src='/images/loading.gif' data-original="images/bg5s.jpg">    <img class="big" src='/images/loading.gif' data-original="images/bg6s.jpg">    <img src='/images/loading.gif' data-original="images/bg7s.jpg">    <img src='/images/loading.gif' data-original="images/bg8s.jpg">    <img class="last" src='/images/loading.gif' data-original="images/bg9s.jpg">    <img class="last" src='/images/loading.gif' data-original="images/bg10s.jpg">    <img class="last" src='/images/loading.gif' data-original="images/bg11s.jpg">  </div>    <div class="bgyl">      <img src='/images/loading.gif' data-original="images/yl.png">    </div>  </div>  </div>  </div>  <script type="text/javascript" src='/images/loading.gif' data-original="js/jquery.js"></script>  <script type="text/javascript">     var i=1;     $("a").click(function(){       $(".head").animate({height:"288px"},500);       });     $(".p2").click(function(){       $(".head").animate({height:"0px"},500);       });     $(".bgcon img").hover(function(){       i=$(this).index();       $(".bgyl").css("background",'url(images/bg'+i+'.jpg)');       $(".bgyl").css("background-size","264px 180px");       });     $(".bgcon img").click(function(){       $("body").css("background",'url(images/bg'+i+'.jpg)');       });  </script>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：基于jQuery仿百度首页换肤功能代码

关键词：jquery