Современный сайт невозможно представить без эффектов, написанных с помощью JS скриптов и основанных на нем библиотек (, , и другие). А от разнообразия возможностей этих эффектов просто голова кружится и хочется все попробовать в действии. Ниже я расскажу о 17 наиболее популярных эффектов, которые вы можете использовать на сайте.
1. Подсказки и превью изображений на JQuery
- очень простой и удобный способ отображения всплывающих подсказок и превью изображений. Разработчик - .
Составим карту блогосферы! Мой город - Пятигорск!
Компания “ГАЛИОН” предлагает профессиональные услуги: оформление витрин, зимние сады, купола, парники и теплицы, раздвижные двери, алюминиевые конструкции.
Блоги из Египта, Израиля, Бразилии, США и других.
Страховщик - это звучит гордо! Узнайте о страховании все в подробностях.
Недвижимость Новочеркасск - актуальные объявления по продаже, аренде и обмене квартир, домов и земельных участков.
2. jQuery idTabs
- Самый популярный плагин, используемый в большинстве современных тем для Wordpress. Плагин позволяет делать вкладки, которые сэкономят место на вашем сайте.
3. Coda-Slider
- JQuery плагин, который позволяет сделать слайд-шоу вашего контента. Очень красивый анимационный эффект. Посмотрите также тему для Wordpress WP-CODA, основанную на этом плагине.
4. prettyPhoto
- клон плагина на JQuery. Очень красивый эффект просмотра изображений с возможностью навигации по галерее в режиме просмотра.
5. Glass Box
- компактная библиотека пользовательского интерфейса, использующая Prototype и скрипты Script.aculo.us для некоторых эффектов. GlassBox позволяет сделать прозрачные границы, флеш-эффекты и очень красивые фоны для сайта.
6. SimpleModal Dialog Box
- включает 3 примера: обычное диалоговое окно, форма обратной связи и диалоговое окно подтверждения отправки данных.
7. CSS градиентный текст
- "Градиентный текст - простой CSS трюк, который позволяет сделать внешний вид сайта более привлекательным благодаря добавлению градиента к любому текстовому заголовку, используя при том только CSS код и PNG изображение."
8. Эффект “гармошки”
- очень простой эффект “гармошки”, часто используемой сейчас на многих ресурсах.
9. Набор диалоговых окон на JS
- "Скрипт предлагает несколько видов диалоговых окон: предупреждение, ошибка, успешное завершение, запрос подтверждения."
10. Валидатор данных формы
- очень прост в использовании.
11. jQuery Lightbox Plugin (balupton edition)
- еще один аналог LightBox, размером всего 15Кб.
12. Автозаполнение
- скрипт, управляющий автозаполнением форм, написанный на . Многофункционален, поддерживает несколько способов отправки и выбора данных.
13. Сообщение для пользователей вверху сайта
- эффект можно использовать для отображеия рекламы, горячих новостей и других сообщений для посетителей сайта.
14. Редактирование текста
- очень простой способ интеграции скрипта редактирования текста при просмотре. Для этого не нужно знать JavaScript, просто следуйте инструкции.
15. Создайте тур по сайту с Amberjack
- небольшая Open Source библиотека, позволяющая вебмастеру создать очень симпатичный тур по сайту.
16. Меню “гармошка”
- эффект гармошки, реализованный для меню.
17. Создание блока с вкладками с помощью JQuery и CSS
- Очень подробная статья от NETTUTS, демонстрирующая создание красивого блока с вкладками для вашей темы.
А какие эффекты используете вы на своем сайте?
