Главная » 2013 » Сентябрь » 22 » Неплохой вертикальный тёмный аккордеон - слайдер на CSS3 и jQuery (Скрипты для ucoz)
22.09.2013, 12:07

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



Классный аккордеон - слайдер любого вашего контента. Мне очень понравилось то, что в слайдере не используются картинки и всё оформление выполнено на чистом CSS3



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

Установка:

После < /head > на нужных страницах вставляйте:

Код
<link href="/css/jquery.akordeon.css" rel="stylesheet" />
<script src="/js/jquery.akordeon.js"></script>
<script>
$(document).ready(function () {
$('#buttons').akordeon();
});
</script>


Следующий код в то место, где будет сам слайдер:

Код
<div class="akordeon" id="buttons">
<div class="akordeon-item expanded">
<div class="akordeon-item-head">
<div class="akordeon-item-head-container">
<div class="akordeon-heading">Заголовок 1</div>
</div>
</div>
<div class="akordeon-item-body">
<div class="akordeon-item-content">Любой ваш текст 1</div>
</div>
</div>
<div class="akordeon-item">
<div class="akordeon-item-head">
<div class="akordeon-item-head-container">
<div class="akordeon-heading">Заголовок 2</div>
</div>
</div>
<div class="akordeon-item-body">
<div class="akordeon-item-content">Любой ваш текст 2</div>
</div>
</div>
<div class="akordeon-item">
<div class="akordeon-item-head">
<div class="akordeon-item-head-container">
<div class="akordeon-heading">Заголовок 3</div>
</div>
</div>
<div class="akordeon-item-body">
<div class="akordeon-item-content">Любой ваш текст 3</div>
</div>
</div>
</div>


Скрипт из прикреплённого архива залейте в папку js и css стиль в папку css
Материал взят с сайта infoscript.ru
Теги: Скачать Неплохой вертикальный тёмный аккордеон - слайдер на CSS3 и jQuery
Скачать "Неплохой вертикальный тёмный аккордеон - слайдер на CSS3 и jQuery"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 1605 | Добавил: sold93 | Рейтинг: 0.0/0 |
Теги: тёмный, вертикальный, аккордеон, Неплохой, на, jquery, css3, слайдер, для
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]