基于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