Вертикальный компонент " tab " на сайте jQuery UI
JQuery UI имеет симпатичный виджет "вертикальные вкладки" для переключения между главами на своем собственном веб-сайте.
Кто-нибудь знает, строится ли это на каком-то стандартном виджете (Вы ожидали бы, что для этого используется собственный компонент UI "tabs", но нет!), или это что-то сделанное на заказ? Беглый взгляд на код заставляет меня заподозрить последнее..... Это было бы очень удобно в проекте, над которым я работаю.
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>
Comments