Вертикально-горизонтальный аккордион
Предлагаю небольшой скрипт аккордеона для сайта. Аккордеон раздвигается как горизонтально так и вертикально. Очень красивое меню для сайтов о мобильниках , технике и интернет магазинов
В шапке сайта подключаем файлы:
<script type='text/jаvascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
<script type='text/jаvascript' src='js/infogrid.js'></script>
HTML код состоит из нескольких блоков, в примере приведён всего один
<div id="page-wrap">
<div class="info-col">
<h2>Xperia X10</h2>
<a class="image xperia" href="#">Посмотреть изображение</a>
<dl>
<dt>Оболочка</dt>
<dd>Фирменная Apple iOS 4</dd>
<dt>Экран</dt>
<dd>Цветной S-IPS, сенсорный<br />
Диагональ 3.5 дюйма<br />
Размер изображения 640x960 пикс.<br />
Автоматический поворот экрана есть</dd>
<dt>Процессор</dt>
<dd>Apple A4, 1000 МГц</dd>
<dt>Память</dt>
<dd>Слот карт памяти отсутствует<br />
Объем оперативной памяти (RAM) - 512 Мб<br />
Объем постоянной памяти (ROM) - 16384 Мб</dd>
<dt>Камера</dt>
<dd>Фотокамера - 5 млн пикс., светодиодная вспышка <br/>
автофокус, цифровой Zoom 5x <br />
Макс. разрешение видео - 1280x720</dd>
<dt>Питание</dt>
<dd>Тип аккумулятора Li-Ion<br />
Время разговора 14:00 ч:мин<br/>
Время ожидания 300 ч</dd>
</dl>
</div>
......
</div>
Поддержка браузерами | |||||
---|---|---|---|---|---|
элемент | |||||
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
Bootstrap bootstrap css CSS CSS3 DLE dle fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Заголовок верхнего уровня в HTML