12 jQuery решений для ваших проектов. Часть 10

12 бесплатных JavaScript решений для ваших проектов: эффекты при наведении, модальные окна, панель навигации, аналоговые CSS3 часы, лайтбокс, игра с использованием jQuery, слайд-шоу, табы, обработка события нажатия клавиш и другие интересные плагины.

Внимание: RSS. Подписка займет несколько секунд, и вы всегда будете вкурсе последних JavaScript новинок.

1. Плагин jQuery «Draggable Image Boxes Grid»

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

2. CSS3 jQuery слайдер 

При наведении курсора на стрелки навигации появляется круглая миниатюра следующего слайда.

3. jQuery эффект при наведении

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

4. Всплывающее модальное окно «Simple Modal Box With JQuery»

5. Всплывающее изображения в стиле лайтбокс «Simple Modal Box With JQuery»

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

6. CSS3 jQuery аналоговые часы

7. Всплывающая панель навигации

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

8. Плагин для отображения элементов по окружности

Отображение на странице различных элементов по окружности заданного диаметра.

9. Игра на jQuery

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

10. Легкое слайд-шоу с кратким описанием слайдов

Автоматическая смена слайдов на jQuery.

11. Вкладки на jQuery

Навигация в виде вкладок.

12. jwerty

Небольшая JS библиотека, для обработки событий клавиатуры. Т.е. у вас появится возможность задавать для проектов собственные сочетания горячих клавиш. Например, на демонстрационной странице по нажатию Ctrl+alt+Z начнётся скачивание zip архива библиотеки.

Внимание: не пропустите следующую подборку полезных плагинов и скриптов.

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