Сообщения с тегами ‘jQuery’

Путешествие объектов в пространстве

Воскресенье, Октябрь 11, 2009 19:07 5 комментариев

Когда верстаешь меню, эта техника используется каждым. Компановка блоков с перемещением, прыгающие квадратики, кружочки и т. п., все требует хорошо отточеной техники. Техники перемещения объектов на странице.

Рубрики: Web-developer Tags: , , ,

Плавное увеличение картинки при наведении курсора

Среда, Сентябрь 16, 2009 8:46 56 комментариев

Раньше я писал об увеличение картинки при наведении при помощи css. Но она была не доработана.
Совсем недавно, мне требовалось сделать что-то похожее, только на jQuery. И я доделал тот пример и добавил эффекты при помощи jQuery. Вообщем у меня получилось два варианта:

С использованием CSS, без jQuery.
С использованием CSS и jQuery.

Сейчас я покажу вам [...]

Рубрики: Верстка Tags: , , ,

Анимация на jQuery

Суббота, Сентябрь 5, 2009 8:19 3 комментария

Когда только начинаешь использовать jQuery, любой скажет, что jQuery замечателен своими эффектами. Такие как slideDown() и fadeIn() делают жизнь лучше. Если разбираться глубже с jQuery, то наверняка вы узнаете о animate(). Этот метод прост в использовании и одновременно очень крут.
Если посмотреть на исходники jQuery, можно увидеть, что все методы — частные случаи использования функции animate().

Рубрики: jQuery Tags: , ,

jQuery скрипт — Tooltip (WM)

Четверг, Август 27, 2009 9:48 10 комментариев

Искал я недавно универсальный jQuery скрипт tooltip с гибкими настройками. Я не смог найти подходящего. Можно было конечно редактировать готовые, но я решил сделать свой скрипт.
Скрипт нужно только подключить на страницу где уже подключен jQuery и все.

Рубрики: jQuery, Программирование Tags: , ,

Табы при помощи jQuery — все просто

Среда, Июль 29, 2009 18:22 16 комментариев

Задача.
Сверстать табы. Расположение и цвета показаны на картинке:

Нужно, чтобы секциям (li) в блоке «.tabNavigation» присваивался класс при клике, который будет изменять цвет фона. Содержимое «.tabs-cont» будет плавно изменять свою прозрачность от hide до 1.0. Плюс, все оформление изменяется в css, html и javascript код на это не должен влиять.

Рубрики: jQuery, Новости/Обзоры Tags: , ,

jQuery эффекты на примерах

Воскресенье, Июль 19, 2009 12:10 15 комментариев

В предыдущей статье мы узнали о том, как пользоваться объектами. Теперь мы разберем некоторые эффекты, которые дает нам jQuery.

Рубрики: jQuery Tags: , , , , ,

jQuery для всех и с самого начала

Понедельник, Июль 13, 2009 12:20 5 комментариев

Совсем недавно, я начал изучать jQuery. И поверьте, я нисколько не жалею об этом.
Чтобы начать изучение этой библиотеки, для начала скачайте ее: Downloading_jQuery. Далее подключаем ее на своей странице:

Рубрики: jQuery Tags: , , , ,

+3 новые jQuery технологий

Суббота, Февраль 7, 2009 15:21 3 комментария

Библиотеки JavaScipt значительно облегчили жизнь web-разработчикам и позволяет более быстро разрабатывать свои продукты.  jQuery — одна из самых популярных фреймворков JavaScript, с сильными инструментами, которые улучшают взаимодействие пользователя с web-приложениями. у jQuery есть дополнительное преимущество, в котором он позволяет разработчикам выбирать элементы на странице, используя CSS синтаксис.
Ниже представлены, некоторые новые разработки на jQuery, которые вы можите использовать у себя на сайте/блоге.

Рубрики: CSS, jQuery, Оформление Tags: , , ,

Плавное изменение высоты у объекта

Вторник, Январь 27, 2009 21:19 28 комментариев

Речь пойдет о том, как сделать плавное видвижение объекта по средствам изменения высоты.
Посмотреть пример: size-chooser.html.
Посмотреть пример с картинкой: size-img.html.
Делается это посредством jQuery и пару строк JavaScript'a.

Рубрики: CSS, Web-developer, html, jQuery, web-design Tags: , , , , , ,

Предпросмотр комментариев с помощью jQuery

Четверг, Декабрь 18, 2008 20:40 4 комментария

В данной статье, я бы хотел рассказать вам о одном замечательном скрипте, реализованном на jQuery.
Самая главная особенность этого скрипта в том, что просмотр происходит без перезагрузки страницы.
И так, о всем с самого начала:

Рубрики: Web-developer, html, jQuery, web-design Tags: , , , , ,