Технологии | Программирование

10 JavaScript-эффектов для вашего сайта

Иногда настает такой момент когда мы хотим улучшить интерфейс нашего вебсайта или наделить его какими-то особенными фичами.
Существуют 3 пути по которым можно пойти(от сложного к простому): написание кода вручную, использование таких JavaScript библиотек как jQuery или mootools или использовать готовые скрипты. Этот пост для тех кто выбирает третий вариант.

Здесь представлены 10 мощных и одновременно простых во внедрении JavaScript-эффектов для вашего вебсайта.

1) GreyBox (orangoo.com/labs/GreyBox/). GreyBox позволяет открыть любой вебсайт в отдельном всплывающем окне, без необходимости открытия еще одного браузера.

2) instant.js (netzgesta.de/instant/). Этот скрипт добавляет к вашим картинкам эффект Polaroid-ной фотографии.

3) mooTable (joomlicious.com/mootable/). mooTable позволяет сортировать таблицу значений без перезагрузки страницы. Для mooTable необходима библиотека mootools (mootools.net/download).

4) FancyForm (lipidity.com/fancy-form/#example). FancyForm заменяет стандартные элементы управления radio buttons и check boxes. Для FancyForm тоже необходима библиотека mootools.

5) image menu (phatfusion.net/imagemenu/index.htm). Это элегантное горизонтальное меню, элементы которого расширяются при наведении на них курсора мышки. Необходима библиотека mootools.

6) AmberJack: создатель экскурсии по сайту (amberjack.org). С помощью этого скрипта можно создать экскурсию по сайту, при которой пользователь посетит ключевые веб-страницы с их коротким описанием в реальном времени. Для экскурсии вы сможете использовать уже готовые скины или нарисовать свои собственные.

7) ImageFlow (194.95.111.244/~countzero/scripts/_myImageFlow/). Владельцам iPod это придется по душе. ImageFlow - это простой скрипт, отображающий коллекцию изображений, которую пользователь может прокручивать с помощью бегунка.

8) ShadowBox.js (mjijackson.com/shadowbox/). Это кросс-браузерный, кросс-платформенный медиавьювер, который полностью написан на JavaScript. Что отличает его от других подобных скриптов? ShadowBox поддерживает не только изображения, а и flash ролики, встроенное youtube видео, Apple.com трейлеры и вебстраницы.

9) TJPzoom 3 - лупа для изображений (valid.tjp.hu/tjpzoom/). TJPzoom позволяет вам изменять масштаб изображения. Зажав левую кнопку мышки и двигая курсор вверх вниз, вы будете изменять масштаб изображения.

10) mootools Tips (demos.mootools.net/Tips). mootools Tips позволяют показывать подсказки, когда пользователь наводит курсор мышки на ссылку или изображение. Можно настроить внешний вид подсказок, время показа на экране и прочее. Необходима библиотека mootools.

Программирование |

• интернет 
• вебдизайн 
• javascript 
• javascript-эффекты 
•  

• 16
• 2
• e-mail
• Порвать
• avanturist