星空网 > 软件开发 > Java

基于jQuery果冻式按钮焦点图切换代码

基于jQuery果冻式按钮焦点图切换代码。这是一款基于jQuery+CSS3实现的图片切换代码。效果图如下:

基于jQuery果冻式按钮焦点图切换代码

在线预览    源码下载

实现的代码。

html代码:

 <div class="index_slide">    <div class="wrap_1005 slide">      <ul class="slide_con clearfix">        <li>          <img src='/images/loading.gif' data-original="images/index_slide_con01.png" ><a href="http://www.w2bc.com/"            class="slide_con_a" target="_blank">投放申请</a></li>        <li>          <img src='/images/loading.gif' data-original="images/index_slide_con02.png" ><a href="http://www.w2bc.com/"            class="slide_con_a" target="_blank">投放申请</a></li>        <li style="display: block;">          <img src='/images/loading.gif' data-original="images/index_slide_con03.png" ><a href="http://www.w2bc.com/"            class="slide_con_a" target="_blank">投放申请</a></li>        <li>          <img src='/images/loading.gif' data-original="images/index_slide_con04.png" ><a href="http://www.w2bc.com/"            class="slide_con_a" target="_blank">投放申请</a></li>        <li>          <img src='/images/loading.gif' data-original="images/index_slide_con05.png" ><a href="http://www.w2bc.com/"            class="slide_con_a" target="_blank">投放申请</a></li>      </ul>      <ul class="slide_index clearfix">        <li class="one"></li>        <li class="two"></li>        <li class="three hover"></li>        <li class="four"></li>        <li class="five"></li>      </ul>    </div>  </div>  <script type="text/javascript" src='/images/loading.gif' data-original="js/jquery.min.js"></script>  <script type="text/javascript" src='/images/loading.gif' data-original="js/w2bc.js"></script>

via:http://www.w2bc.com/Article/40114




原标题:基于jQuery果冻式按钮焦点图切换代码

关键词:jquery

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