|
|
 |
Скрипт reflection.js позволяет добавлять эффект зеркального отражения к изображениям на странице. Результат выглядит следующим образом:
Подключаем скрипт reflection.js в разделе head HTML-страницы
<script src="/reflection.js" type="text/javascript"></script>
Подробнее: Создание зеркального отражения для изображений
Предлагаю вашему вниманию jQuery-плагин tablesorter, который позволяет преобразовать стандартную HTML таблицу с тегами <thead> и <tbody> в таблицу с возможностями сортировки столбцов без перезагрузки страницы.
Сортировка разных типов данных: текст, URI, целые и вещественные числа, валюта, IP-адреса, даты (ISO, длинный и короткий формат), время
Поддержка rowspan и colspan в элементах <th>
Поддержка вторичой “скрытой” сортировки (например, сохранение сортировки по алфавиту, затем сортировка по другим критериям)
Расширяемость с помощью виджетов
Кросс-браузерность: IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9,0 +
Подробнее: Сортировка таблиц: tablesorter для jQuery
CrossSlide — jQuery плагин для демонстрации слайдшоу с эффектами анимации, которые доступны только в Adobe Flash. Посмотреть, как это работает, можно здесь. Как обычно, подключаем библиотеку jQuery и плагин в разделе head HTML-документа:
<script src='js/jquery.js' type='text/javascript'></script>
<script src='js/jquery.cross-slide.js' type='text/javascript'></script>
Размещаем на странице div-элемент, который будет служить контейнером для элементов, участвующих в слайд-шоу:
Подробнее: Слайдшоу с анимацией: плагин CrossSlide для jQuery
Эта навигация сделана с использованием библиотеки jQuery и плагинов jquery.scrollable.js и jquery.mousewheel.js. Плагин jquery.scrollable.js отвечает за главный эффект — прокрутку, а плагин jquery.mousewheel.js позволяет использовать колесико мышки для скроллинга.
Основные возможности:
горизонтальная и вертикальная прокрутка;
возможность установить количество видимых элементов;
создание кнопок навигации.
Подробнее: Навигация с использованием jQuery
В одной из предыдущих заметок я писал о сортировке столбцов таблицы. Однако, речь шла о сортировке на стороне сервера. Было бы удобно иметь возможность сортировки без перезагрузки страницы, т.е. на стороне клиента. Один из вариантов решения этой задачи — скрипт Стюарта Лангриджа sorttable.js. Подключаем его в разделе head HTML-страницы:
<script src="/sorttable.js" type="text/javascript"></script>
Для таблицы должен быть определен класс class=”sortable”. Допускается применить этот класс для нескольких таблиц на странице. Каждая таблица должна содержать thead, tbody и tfoot.
Подробнее: *Сортировка таблицы средствами JavaScript
|
|
|
|
