ВЕРТИКАЛЬНО-ГОРИЗОНТАЛЬНЫЙ АККОРДИОН


ВЕРТИКАЛЬНО-ГОРИЗОНТАЛЬНЫЙ АККОРДИОН


Аккордион представляет из себя ячеистый вид. Ячейки раздвигаются вертикально (как в обычном аккордионе), а также и горизонтально, для отображения внутреннего контента.

В шапке подключаем файлы:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
<script type='text/javascript' 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>


Скачать исходник:
grid_accordion.rar


скрипт скрипт ВЕРТИКАЛЬНО-ГОРИЗОНТАЛЬНЫЙ АККОРДИОН
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 3333
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация