Плагин jQuery - EqualHeight

Создание колонок одинаковой высоты является актуальной задачей, когда используется не табличный дизайн. Конечно, можно использовать ухищрения CSS для имитации одинаковой высоты колонок. Но применение плагина equalHeights создает ряд преимуществ:

  • удобство использования - выравнивание колонок будет осуществляться всего лишь одной строчкой кода JavaScript;
  • гибкость шаблона - скрипт использует свойство min-height, поэтому при изменении размера содержания колонки (например, с помощью запроса AJAX) или окна браузера структура шаблона сохранится;
  • производительность - маленький плагин не требует никакой дополнительной разметки.

 

Использовать плагин очень просто:

1. Подключаем к странице файл скрипта:

<script type="text/javascript" src="jQuery.equalHeights.js"></script>

2. Запускаем плагин для нужного контейнера:

    <script type="text/javascript">
    	$(function(){ $('#equalize').equalHeights(); });
    </script>

Демонстрация

 

 

Авторизоваться и Скачать

5 последних добавленных файлов в рубрике"Скрипты"

^ Наверх ^