jQuery滑動選項卡多個tab切換插件演示



99 395 132



特效描述:滑動選項卡 多個tab切換 tab切換插件,jQuery可以實現頁面上多個tab切換效果

代碼結構

1. 引入CSS

<link href="style/common.css" rel="stylesheet" type="text/css">
<link href="style/style.css" rel="stylesheet" type="text/css">

2. 引入JS

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/tab.js"></script>

3. HTML代碼

<div style="width:1000px;margin: 0 auto;">
    <h1 class="titleH1 underNone clearfix">
        <span class="left underNone underLine">交易產品 </span>
    </h1>
    <div class="jyTable">
        <div class="clearfix">
            <ul class="title title1 left">
                <li class='cur'>當代名家</li>
                <li>潛力名家</li>
                <li>新名家</li>
            </ul>
            <ul class="titleexp right" style="padding-top: 8px;">
                <li>當代名家指數:378.9</li>
                <li>新名家指數:411.2</li>
                <li>潛力名家指數:189.2</li>
            </ul>
        </div>
        <div class='zong'>
            <div class="list list1">
                <div class="tabCon">
                    <ul>
                        <li class="tabth clearfix">
                            <span style="width: 13%">名稱</span>
                            <span style="width: 12%">代碼</span>
                            <span style="width: 10%">規模</span>
                            <span style="width: 16%">價格</span>
                            <span style="width: 16%">發售日期</span>
                            <span style="width: 16%">截止日期</span>
                            <span style="width: 15%">操作</span>
                        </li>
                    </ul>
                    <div id="s1">
                        <ul class="tabUl">
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                            </li>
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                            </li>
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                            </li>
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                            </li>
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                            </li>
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tabCon">
                    <ul>
                        <li class="tabth clearfix">
                            <span style="width: 13%">名稱</span>
                            <span style="width: 12%">代碼</span>
                            <span style="width: 10%">規模</span>
                            <span style="width: 16%">價格</span>
                            <span style="width: 16%">發售日期</span>
                            <span style="width: 16%">截止日期</span>
                            <span style="width: 15%">操作</span>
                        </li>
                    </ul>
                    <div id="s2">
                        <ul class="tabUl">
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                            </li>
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                            </li>
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                            </li>
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                            </li>
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                            </li>
                            <li class="tabtr clearfix">
                                <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                                <span style="width: 12%;color: #AB9C08">61000165</span>
                                <span style="width: 10%;color: #067D14">大</span>
                                <span style="width: 15%">5000000.0</span>
                                <span style="width: 17%">2014-12-12</span>
                                <span style="width: 17%">2014-12-12</span>
                                <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tabCon">
                <ul>
                    <li class="tabth clearfix">
                        <span style="width: 13%">名稱</span>
                        <span style="width: 12%">代碼</span>
                        <span style="width: 10%">規模</span>
                        <span style="width: 16%">價格</span>
                        <span style="width: 16%">發售日期</span>
                        <span style="width: 16%">截止日期</span>
                        <span style="width: 15%">操作</span>
                    </li>
                </ul>
                <div id="s3">
                    <ul class="tabUl">
                        <li class="tabtr clearfix">
                            <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                            <span style="width: 12%;color: #AB9C08">61000165</span>
                            <span style="width: 10%;color: #067D14">大</span>
                            <span style="width: 15%">5000000.0</span>
                            <span style="width: 17%">2014-12-12</span>
                            <span style="width: 17%">2014-12-12</span>
                            <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                        </li>
                        <li class="tabtr clearfix">
                            <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                            <span style="width: 12%;color: #AB9C08">61000165</span>
                            <span style="width: 10%;color: #067D14">大</span>
                            <span style="width: 15%">5000000.0</span>
                            <span style="width: 17%">2014-12-12</span>
                            <span style="width: 17%">2014-12-12</span>
                            <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                        </li>
                        <li class="tabtr clearfix">
                            <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                            <span style="width: 12%;color: #AB9C08">61000165</span>
                            <span style="width: 10%;color: #067D14">大</span>
                            <span style="width: 15%">5000000.0</span>
                            <span style="width: 17%">2014-12-12</span>
                            <span style="width: 17%">2014-12-12</span>
                            <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                        </li>
                        <li class="tabtr clearfix">
                            <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                            <span style="width: 12%;color: #AB9C08">61000165</span>
                            <span style="width: 10%;color: #067D14">大</span>
                            <span style="width: 15%">5000000.0</span>
                            <span style="width: 17%">2014-12-12</span>
                            <span style="width: 17%">2014-12-12</span>
                            <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                        </li>
                        <li class="tabtr clearfix">
                            <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                            <span style="width: 12%;color: #AB9C08">61000165</span>
                            <span style="width: 10%;color: #067D14">大</span>
                            <span style="width: 15%">5000000.0</span>
                            <span style="width: 17%">2014-12-12</span>
                            <span style="width: 17%">2014-12-12</span>
                            <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                        </li>
                        <li class="tabtr clearfix">
                            <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                            <span style="width: 12%;color: #AB9C08">61000165</span>
                            <span style="width: 10%;color: #067D14">大</span>
                            <span style="width: 15%">5000000.0</span>
                            <span style="width: 17%">2014-12-12</span>
                            <span style="width: 17%">2014-12-12</span>
                            <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                        </li>
                    </ul>
                </div>
            </div>
            </div>
        </div>
    </div>
    <div class="jyTable">
    <div class="clearfix">
        <ul class="title title1 left">
            <li class='cur'>當代名家</li>
            <li>潛力名家</li>
            <li>新名家</li>
        </ul>
        <ul class="titleexp right" style="padding-top: 8px;">
            <li>當代名家指數:378.9</li>
            <li>新名家指數:411.2</li>
            <li>潛力名家指數:189.2</li>
        </ul>
    </div>
    <div class='zong'>
    <div class="list list1">
    <div class="tabCon">
        <ul>
            <li class="tabth clearfix">
                <span style="width: 13%">名稱</span>
                <span style="width: 12%">代碼</span>
                <span style="width: 10%">規模</span>
                <span style="width: 16%">價格</span>
                <span style="width: 16%">發售日期</span>
                <span style="width: 16%">截止日期</span>
                <span style="width: 15%">操作</span>
            </li>
        </ul>
        <div id="s1">
            <ul class="tabUl">
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="tabCon">
        <ul>
            <li class="tabth clearfix">
                <span style="width: 13%">名稱</span>
                <span style="width: 12%">代碼</span>
                <span style="width: 10%">規模</span>
                <span style="width: 16%">價格</span>
                <span style="width: 16%">發售日期</span>
                <span style="width: 16%">截止日期</span>
                <span style="width: 15%">操作</span>
            </li>
        </ul>
        <div id="s2">
            <ul class="tabUl">
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="tabCon">
        <ul>
            <li class="tabth clearfix">
                <span style="width: 13%">名稱</span>
                <span style="width: 12%">代碼</span>
                <span style="width: 10%">規模</span>
                <span style="width: 16%">價格</span>
                <span style="width: 16%">發售日期</span>
                <span style="width: 16%">截止日期</span>
                <span style="width: 15%">操作</span>
            </li>
        </ul>
        <div id="s3">
            <ul class="tabUl">
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
            </ul>
        </div>
    </div>
    </div>
    </div>
    </div>
    <div class="jyTable">
    <div class="clearfix">
        <ul class="title title1 left">
            <li class='cur'>當代名家</li>
            <li>潛力名家</li>
            <li>新名家</li>
        </ul>
        <ul class="titleexp right" style="padding-top: 8px;">
            <li>當代名家指數:378.9</li>
            <li>新名家指數:411.2</li>
            <li>潛力名家指數:189.2</li>
        </ul>
    </div>
    <div class='zong'>
    <div class="list list1">
    <div class="tabCon">
        <ul>
            <li class="tabth clearfix">
                <span style="width: 13%">名稱</span>
                <span style="width: 12%">代碼</span>
                <span style="width: 10%">規模</span>
                <span style="width: 16%">價格</span>
                <span style="width: 16%">發售日期</span>
                <span style="width: 16%">截止日期</span>
                <span style="width: 15%">操作</span>
            </li>
        </ul>
        <div id="s1">
            <ul class="tabUl">
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="tabCon">
        <ul>
            <li class="tabth clearfix">
                <span style="width: 13%">名稱</span>
                <span style="width: 12%">代碼</span>
                <span style="width: 10%">規模</span>
                <span style="width: 16%">價格</span>
                <span style="width: 16%">發售日期</span>
                <span style="width: 16%">截止日期</span>
                <span style="width: 15%">操作</span>
            </li>
        </ul>
        <div id="s2">
            <ul class="tabUl">
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="tabCon">
        <ul>
            <li class="tabth clearfix">
                <span style="width: 13%">名稱</span>
                <span style="width: 12%">代碼</span>
                <span style="width: 10%">規模</span>
                <span style="width: 16%">價格</span>
                <span style="width: 16%">發售日期</span>
                <span style="width: 16%">截止日期</span>
                <span style="width: 15%">操作</span>
            </li>
        </ul>
        <div id="s3">
            <ul class="tabUl">
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn hot">熱售中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
                <li class="tabtr clearfix">
                    <span style="width: 13%; color: #F7001E">趙文芳子啊</span>
                    <span style="width: 12%;color: #AB9C08">61000165</span>
                    <span style="width: 10%;color: #067D14">大</span>
                    <span style="width: 15%">5000000.0</span>
                    <span style="width: 17%">2014-12-12</span>
                    <span style="width: 17%">2014-12-12</span>
                    <a style="width: 12%;color: #F7001E"><em class="clickbtn pass">交易中</em></a>
                </li>
            </ul>
        </div>
    </div>
    </div>
    </div>
    </div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 滑動選項卡 滑動切換 文字切換 文字選項卡 選項卡自動切換
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表