Вертикальный компонент " tab " на сайте jQuery UI



JQuery UI имеет симпатичный виджет "вертикальные вкладки" для переключения между главами на своем собственном веб-сайте.

Введите описание изображения здесь

Кто-нибудь знает, строится ли это на каком-то стандартном виджете (Вы ожидали бы, что для этого используется собственный компонент UI "tabs", но нет!), или это что-то сделанное на заказ? Беглый взгляд на код заставляет меня заподозрить последнее..... Это было бы очень удобно в проекте, над которым я работаю.

135   1  

1 ответ:

Это виджет вкладок пользовательского интерфейса: http://jqueryui.com/demos/tabs/

Вы можете легко стилизовать вертикальные вкладки с помощью css, потому что вы можете определить неупорядоченный список, стилизовать его под свои нужды и добавить магию вкладок пользовательского интерфейса. Вот некоторые действительно основные стили... 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>
    Ничего не найдено.

Добавить ответ:
Отменить.