-
24 ОКТ 20150
-
23 ОКТ 20150
Tabby - простой и легкий скрипт табов
Для кнопок<div class="tabs"> <button class="active" data-tab="#tab1">Superheroes</button> <button data-tab="#tab2">Ice Cream</button> <button data-tab="#tab3">Seasons</button> </div> <div class="tabs-content"> <div class="tabs-pane active" id="tab1"> Superheros ... </div> <div class="tabs-pane" id="tab2"> Ice Cream ... </div> <div class="tabs-pane" id="tab3"> Seasons ... </div> </div>
Для списков<ul class="tabs"> <li class="active"><a class="active" data-tab="#tab1" href="#">Superheroes</a></li> <li><a data-tab="#tab2" href="#">Ice Cream</a></li> <li><a data-tab="#tab3" href="#">Seasons</a></li> </ul> <div class="tabs-content"> <div class="tabs-pane active" id="tab1"> Superheros ... </div> ... </div>
Инициализация<script> tabby.init(); </script>
Настройкиtabby.init({ selector: '[data-tab]', // Tab toggle selector toggleActiveClass: 'active', // Class added to active toggle elements contentActiveClass: 'active', // Class added to active tab content areas initClass: 'js-tabby', // Class added to <html> element when initiated callback: function ( toggle, tabID ) {} // Function that's run after tab content is toggled });
https://github.com/cferdinandi/tabby/ -
21 ОКТ 20150
-
20 ОКТ 20150
-
19 ОКТ 20150
-
17 ОКТ 20150
-
16 ОКТ 20150
-
15 ОКТ 20150
Категории:
Оставить на заметку в:







