Современный сайт невозможно представить без эффектов, написанных с помощью JS скриптов и основанных на нем библиотек (JQuery, MooTools, Prototype и другие). А от разнообразия возможностей этих эффектов просто голова кружится и хочется все попробовать в действии. Ниже я расскажу о 17 наиболее популярных эффектов, которые вы можете использовать на сайте.
1. Подсказки и превью изображений на JQuery
Easiest Tooltip and Image Preview Using jQuery – очень простой и удобный способ отображения всплывающих подсказок и превью изображений. Разработчик – Alen Grakalic.
Составим карту блогосферы! Мой город – Пятигорск!
Компания “ГАЛИОН” предлагает профессиональные услуги: оформление витрин, зимние сады, купола, парники и теплицы, раздвижные двери, алюминиевые конструкции.
Блоги из Египта, Израиля, Бразилии, США и других.
Страховщик – это звучит гордо! Узнайте о страховании все в подробностях.
Недвижимость Новочеркасск – актуальные объявления по продаже, аренде и обмене квартир, домов и земельных участков.
2. jQuery idTabs
jQuery idTabs – Самый популярный плагин, используемый в большинстве современных тем для WordPress. Плагин позволяет делать вкладки, которые сэкономят место на вашем сайте.
3. Coda-Slider
Coda-Slider – JQuery плагин, который позволяет сделать слайд-шоу вашего контента. Очень красивый анимационный эффект. Посмотрите также тему для WordPress WP-CODA, основанную на этом плагине.
4. prettyPhoto
prettyPhoto – клон плагина LightBox на JQuery. Очень красивый эффект просмотра изображений с возможностью навигации по галерее в режиме просмотра.
5. Glass Box
Glass Box – компактная библиотека пользовательского интерфейса, использующая Prototype и скрипты Script.aculo.us для некоторых эффектов. GlassBox позволяет сделать прозрачные границы, флеш-эффекты и очень красивые фоны для сайта.
6. SimpleModal Dialog Box
SimpleModal Dialog Box – включает 3 примера: обычное диалоговое окно, форма обратной связи и диалоговое окно подтверждения отправки данных.
7. CSS градиентный текст
CSS Text Gradient – “Градиентный текст – простой CSS трюк, который позволяет сделать внешний вид сайта более привлекательным благодаря добавлению градиента к любому текстовому заголовку, используя при том только CSS код и PNG изображение.”
8. Эффект “гармошки”
Simple Javascript Accordions – очень простой эффект “гармошки”, часто используемой сейчас на многих ресурсах.
9. Набор диалоговых окон на JS
Custom JavaScript Dialog Boxes – “Скрипт предлагает несколько видов диалоговых окон: предупреждение, ошибка, успешное завершение, запрос подтверждения.”
10. Валидатор данных формы
Dynamic JavaScript Form Validation – очень прост в использовании.
11. jQuery Lightbox Plugin (balupton edition)
jQuery Lightbox Plugin (balupton edition) – еще один аналог LightBox, размером всего 15Кб.
12. Автозаполнение
AutoCompleter – скрипт, управляющий автозаполнением форм, написанный на MooTools. Многофункционален, поддерживает несколько способов отправки и выбора данных.
13. Сообщение для пользователей вверху сайта
Top Floating message box using jQuery – эффект можно использовать для отображеия рекламы, горячих новостей и других сообщений для посетителей сайта.
14. Редактирование текста
Easy AJAX inline text edit 2.0 – очень простой способ интеграции скрипта редактирования текста при просмотре. Для этого не нужно знать JavaScript, просто следуйте инструкции.
UPD: ссылка почему-то напрямую не хочет открываться.
Адрес http://www.yvoschaap.com/index.php/weblog/ajax_inline_instant_update_text_20/
15. Создайте тур по сайту с Amberjack
Amberjack – небольшая Open Source библиотека, позволяющая вебмастеру создать очень симпатичный тур по сайту.
16. Меню “гармошка”
Accordion Menu script – эффект гармошки, реализованный для меню.
17. Создание блока с вкладками с помощью JQuery и CSS
Slick Tabbed Content Area using CSS & jQuery – Очень подробная статья от NETTUTS, демонстрирующая создание красивого блока с вкладками для вашей темы.
А какие эффекты используете вы на своем сайте?
via Mohsen
