这款响应式的jQuery内容选项卡插件也可以说是一款文字内容滑块插件。

使用方法

使用方法很简单

<div id="cbp-contentslider" class="cbp-contentslider">
    <ul>
        <li id="slide1">
            <h3 class="icon-wolf">Wolf</h3>
            <div>
                <div class="cbp-content">
                    <p><!-- ... --></p>
                </div>
            </div>
        </li>
        <li id="slide2">
            <h3 class="icon-rabbit">Rabbit</h3>
            <div>
                <div class="cbp-content">
                    <p>...</p>
                    <p>...</p>
                </div>
            </div>
        </li>
        <li id="slide3">
            <!-- ... -->
        </li>
        <li id="slide4">
            <!-- ... -->
        </li>
        <li id="slide5">
            <!-- ... -->
        </li>
    </ul>
    <nav>
        <a href="#slide1" class="icon-wolf"><span>Wolf</span></a>
        <a href="#slide2" class="icon-rabbit"><span>Rabbit</span></a>
        <a href="#slide3" class="icon-aligator"><span>Aligator</span></a>
        <a href="#slide4" class="icon-turtle"><span>Turtle</span></a>
        <a href="#slide5" class="icon-platypus"><span>Platypus</span></a>
    </nav>
</div>
                

更详细的教程请参看《