当前位置:主页 > 网页特效 > TAB标签 >

jQuery响应式内容选项卡插件

发布时间:2018/07/05 来源:互联网 浏览: 关键词:响应式 jquery 选项卡 tab 
jQuery响应式内容选项卡插件 jQuery响应式内容选项卡插件
阿里云

简要教程

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

使用方法

使用方法很简单

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

共有人阅读,期待你的评论!评论
Top