Отборные скрипты на халяву. Сделайте свой сайт лучше

Предлагаю вашему вниманию отборные скрипты, которым, я уверен, вы обязательно сможете найти применение в своих проектах.

Внимание: все ссылки с демонстрацией скриптов откроются в новом окне, ссылки для скачивания исходников — прямые.

1. Скрпит вкладок (табов) с эффектом игрового автомата

Часто, чтобы на странице компактнее разместить информацию прибегают к использованию вкладок. Предлагаю вашему вниманию очень интересную реализацию этого метода. Очень интересный эффект, когда три колонки с содержимым при переключении между вкладками вращаются с разной скоростью, имитируя движение барабанов популярной азартной игры «однорукий бандит» или «слот-машина»

2. Сетка-аккордеон

Вы, наверное, встречались с реализацией меню в виде аккордеона. Когда меню подобно аккордеону растягивается либо вертикально, либо горизонтально. Я предлагаю вам посмотреть расширенную реализацию этой техники, которая представляет собой сетку. При нажатии на какую-нибудь клетку, её границы разъезжаются по горизонтали и вертикали для отображения полного содержимого клетки

3. Интересное слайд-шоу на базе JQuery

Широкий набор функций: в слайд может быть помещен любой HTML контент (текст, изображения и др), навигационные вкладки с номером слайда добавляются и удаляются автоматически при добавлении или удалении слайда, навигационные вкладки так же можно включать и отключать, при этом можно использовать неограниченное количество слайдов, функция автоматической смены слайдов (опционально, можно включать или отключать смену слайдов), регулировка длительности эффекта смены слайдов и длительности показа, возможность создавать ссылки на тот или иной слайд и многое другое

4. Динамическая реализация страницы FAQ (вопрос-ответ)

На странице отображается список вопросов. У каждого вопроса имеется кнопка «ответ», по нажатию на которую выплывает ответ на интересующий вопрос. Внешний вид можно отредактировать в файле style.css

5. Меню в стиле гаражных дверей

При наведении на пункт меню фон меняется, имитируя эффект поднятия дверей гаража.

6. Слайд-шоу с автоматической сменой слайдов и миниатюрами

Содержимым слайда может быть любой HTML контент. Каждый слайд имеет уникальные миниатюры, при нажатии на которые происходит переход на соответствующий слайд. Стрелка на миниатюре указывает активный слайд. Описание слайда накладывается на полупрозрачном фоне

6. Старт/стоп Слайд-шоу 

Слайд-шоу с применением JQuery. Красивый эффект смены слайдов. Наличие кнопки старт/стоп для управления автоматической сменой. Содержимое разбито на блоки: описание и изображение. Это слайд-шоу отлично подойдет для интернет-магазина как презентация продуктов. Легко настраиваемый дизайн и простота интеграции

7. Фильтрация информационных блоков

Пользователь выбирает из серии ссылок нужную категорию, и ниже отображаются информационные блоки (например, описание товаров), отмеченные в этой категории. Чтобы лучше понять о чем идет речь, посмотрите демонстрационную страницу

8. Интересная реализация фото-галереи

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

9. Меню MagicLine

Фон или подчеркивание пункта меню следует за мышкой с небольшой задержкой, при этом фон плавно изменяет свой цвет при следовании от пункта к пункту. Очень красивый эффект, выглядит необычно. Внимание: эффект не работает в опере 

10.  JQuery плагин для увеличения области текста или изображения под мышкой

Относительно гибкий скрипт. Отображаемые области легко настраиваются с помощью CSS. Плагин увеличивает небольшую зону, находящуюся под мышкой.  Переключение между большим и малым размером всего содержимого осуществляется двойным кликом

Скрипты с сайта:css-tricks.com

Вы можете посмотреть похожие заметки: