Вкладки на фреймворке jQuery
827материалов
228тем на форуме
3003комментария
6152пользователя

Вкладки на фреймворке jQuery

Стал замечать на многих сайтах и форумах в глобальных блоках вкладки. Они очень удобны и экономят место на сайте. Данные вкладки работают с помощью фреймворка jQuery, размер его очень мал (0,4 килобайта) независимо от количества вкладок! 

Устанавливаем скрипт после тега body 
Код
<script type="text/javascript" src="/tabs/tabs.js"></script>

Подключаем таблицу стилей, копируя код между тегами head и /head 
Код
<link rel="stylesheet" type="text/css" href="/tabs/tabs.css"media="screen"/>

...не забываем, что эти файлы необходимо загрузить в файловый менеджер и прописать правильный путь. 

Теперь копируем HTML-код каркаса вкладок 
Код
<div class="section">   
   <ul class="tabs">   
   <li class="current">1-я вкладка</li>   
   <li>2-я вкладка</li>   
   </ul>   
   <div class="box visible">   
   Содержимое первого блока   
   </div>   
   <div class="box">   
   Содержимое второго блока   
   </div>   
</div>

Вот и все, теперь остается только поменять названия вкладок и их содержимое и можно пользоваться!

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 28.07.2013 в 15:10
Материал просмотрен: 545 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта