Главная » Файлы » Прочие скрипты » jQuery

Слайдер со вкладками на jQuery
23.06.14, 08:56:47

Скачать файл




Неплохой простенький слайдер с вкладками на jQuery

Для начала посмотрите ДЕМО

Установка:

На страницах, где будет размещён данный слайдер, после /head вставляйте:
Код
<link href='/css/tabbedContent.css' rel='stylesheet' type='text/css' />  
  <script src="/js/tabbedContent.js" type="text/javascript"></script>


Далее следующий код вставляйте в то место, где будет сам слайдер:
Код
<div class='tabbed_content'>  
<div class='tabs'>  
<div class='moving_bg'>  
   
</div>  
<span class='tab_item'>  
Первая вкладка  
</span>  
<span class='tab_item'>  
Вторая вкладка  
</span>  
<span class='tab_item'>  
Третья вкладка  
</span>  
<span class='tab_item'>  
Четвёртая вкладка  
</span>  
</div>  

<div class='slide_content'>
<div class='tabslider'>  
<ul>  
<li>  
Контент для первой вкладки  
</li>  
</ul>  
<ul>  
<li>  
Контент второй вкладки  
</li>  
</ul>  
<ul>  
<li>  
  Контент третьей вкладки  
</li>  
</ul>  
<ul>  
<li>  
Контент четвёртой вкладки  
</li>  
</ul>  
</div>  
<br style='clear: both' />  
</div>  
</div>


Далее залейте файлы из прикреплённого архива следующим образом:
tabbedContent.js - в папку js
tabbedContent.css - в папку css

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: Со, вкладками, на, JQuery, слайдер
Просмотров: 354 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: