您的位置:首页 > Web前端 > JQuery

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

2015-05-26 09:34 393 查看
基于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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: