你的位置:首页 > Java教程

[Java教程]基于jQuery果冻式按钮焦点图切换代码


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

在线预览    源码下载

实现的代码。

html代码:

 <div class="index_slide">    <div class="wrap_1005 slide">      <ul class="slide_con clearfix">        <li>          <img src="images/index_slide_con01.png" alt="站长素材"><a href="http://www.w2bc.com/"            class="slide_con_a" target="_blank">投放申请</a></li>        <li>          <img src="images/index_slide_con02.png" alt="站长素材"><a href="http://www.w2bc.com/"            class="slide_con_a" target="_blank">投放申请</a></li>        <li style="display: block;">          <img src="images/index_slide_con03.png" alt="站长素材"><a href="http://www.w2bc.com/"            class="slide_con_a" target="_blank">投放申请</a></li>        <li>          <img src="images/index_slide_con04.png" alt="站长素材"><a href="http://www.w2bc.com/"            class="slide_con_a" target="_blank">投放申请</a></li>        <li>          <img src="images/index_slide_con05.png" alt="站长素材"><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="js/jquery.min.js"></script>  <script type="text/javascript" src="js/w2bc.js"></script>

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