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

在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-3