jQuery UI站点上的垂直“tab”组件

前端之家收集整理的这篇文章主要介绍了jQuery UI站点上的垂直“tab”组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
jQuery UI具有漂亮的“垂直标签”小部件,可在章节 on its own website.之间切换

有没有人知道这是否建立在某种标准小部件上(你会期望用户自己的“标签”组件正在被用于此,但没有骰子!),或者是否是定制的东西?粗略地看一下代码让我怀疑后者……这对我正在进行的项目来说非常方便.

解决方法

这是UI Tabs Widget: http://jqueryui.com/demos/tabs/

您可以通过简单的方式使用css为垂直选项卡设置样式,因为您可以定义无序列表,根据需要设置样式并添加UI选项卡魔术.这是一些非常基本的造型…… http://jsfiddle.net/CR6Eg/

<li class="ui-tabs-nav-item">
    <a href="#fragment-slide-1"><span>Volutpat ut wisi enim</a>
</li>
<li class="ui-tabs-nav-item">
    <a href="#fragment-slide-2"><span>Volutpat ut wisi enim</a>
</li>

<div class="ui-tabs-panel" id="fragment-slide-1" style="">
    <p>content</p>
</div>
<div class="ui-tabs-panel" id="fragment-slide-2" style="">
    <p>content</p>
</div>

猜你在找的jQuery相关文章