Меню
Сертифицированный партнер 1С-Битрикс

dTabs jQuery plugin

Простой плагин закладок на jQuery с возможностью вызова callback функций.
версия 1.0

Licensed under the MIT License

Подключение:

<link rel='stylesheet' href='dtabs.css' />
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type='text/javascript' src='dtabs.js'></script>

Инициализация:

$('.d-tabs').dTabs();
	

HTML код:

В самом простум случае надо создать следующий блок на странице:

<div class='d-tabs'>

   <div class='d-tabs-nav'><ul>
      <li><a href='#'>tab-1</a></li>
      <li><a href='#'>tab-2</a></li>
      <li><a href='#'>tab-3</a></li>
   </ul></div>

   <div class='d-tab'>tab-1</div>
   <div class='d-tab'>tab-2</div>
   <div class='d-tab'>tab-3</div>

</div>

Смотреть пример


Сведения:

  1. Данный плагин работает во всех браузерах;
  2. В данном примере не используются никакие графические элементы. Жеаемый вид можно задать через css, не прибегая к редактированию js файла.

Скачать:



Возврат к списку