17 популярных JS/AJAX эффектов для сайта
Современный сайт невозможно представить без эффектов, написанных с помощью 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, просто следуйте инструкции.
UPD: ссылка почему-то напрямую не хочет открываться.
Адрес http://www.yvoschaap.com/index.php/weblog/ajax_inline_instant_update_text_20/
15. Создайте тур по сайту с Amberjack
– небольшая Open Source библиотека, позволяющая вебмастеру создать очень симпатичный тур по сайту.
16. Меню “гармошка”
– эффект гармошки, реализованный для меню.
17. Создание блока с вкладками с помощью JQuery и CSS
– Очень подробная статья от NETTUTS, демонстрирующая создание красивого блока с вкладками для вашей темы.
А какие эффекты используете вы на своем сайте?
via Mohsen
Dmoz
Вот если бы еще не просто копипаст того что полно в сети а с примерами, как это можно к примеру к блогу прикрутить… цены бы посту не было.
MonsЦитировать
Интересные вещички но конечно же как сказал выше Mons
Мануальчиков мы немножко ;-)
Zer0CooLЦитировать
Мануалы обязательно будут. О чем вам бы хотелось узнать поподробнее?
АвторЦитировать
как выше указанно ;-)
как прикручивать к блогу
особенно тем у окго нет шаманских навыков по PHP
и т.д
Zer0CooLЦитировать
это я понимаю :) Я имею ввиду о каком именно плагине? Описывать все 17 нет смысла, т.к. большинство мануалов уже есть, в том числе и готовые плагины для wp, например последний 17й – там все очень подробно разобрано, только код скопировать ;)
АвторЦитировать
Такс энта Mons скажет =)
Zer0CooLЦитировать
Монс пишет. К примеру 12 -14 и тд. Прикрутить то я смогу. Но пост то не только ведь для меня )) Если есть плагины, то было бы не плохо давать линки на них ))
MonsЦитировать
у меня тока яваскрипт… в этой статье мне понравился эффект который называется ТУР)))
saxarockЦитировать
Спасибо!много полезного
mittelspiel.Цитировать
Очень понравился скрипт [16. Меню “гармошка”], но к сожалению он почемуто не работает в опере, а есть какое-нибудь похожее, только кросбраузерное решение, нужно на один сайт сделать. Сейчас там простой JavaScript, без AJAX’а, а потому при презагрузке страницы раскрытые разделы меню сворачиваются.
дизайнерЦитировать
Таких эффектов очень много, особенно если использовать JQuery.
АвторЦитировать
а кто нибудь может знает где можно достать jquery слайдшоу в виде гармошки.. очень надо, помогите пожалуйста, жду комментов с сылками или методами.
anadiktЦитировать
Вы можете взять код меню-гармошки, только заменить его на картинки
Посмотрите еще тут примеры:
Блог для вебмастеровЦитировать
Интересно не знал.
спасибо
ВасилевсЦитировать