Таймер на jQuery | Уроки по JQuery

При проектировании интерфейсов пользователя когда-нибудь обязательно встанет задача использования таймеров, и в этой статье я хочу рассказать о замечательном плагине jQuery Timers, который значительно облегчит работу по созданию и применению таймеров в Ваших приложениях. jQuery Timers – это высокоуровневая абстракция […]

Читать далее →

Раскрывающийся контейнер DIV с помощью Jquery | Уроки по JQuery

Эффект появление и скрытие объектов на странице довольно часто используеца, а с благодаря Jquery это будет выглядеть и очень красиво (смотрим пример). Шаг -1 Для начала подключим библиотеку Jquery, просмотреть последнюю версию всегда можно здесь http://vlvit.ru/go.php?http://docs.jquery.com/Downloading_jQuery . Вставьте следующую строчку […]

Читать далее →

Анимированные диалоговые, модальные окна на JQuery | Уроки по JQuery

В этом примере мы будем говорить о создании диалогового пользовательского окна. Для реализации этого будем использовать всеми любимую библиотеку JQuery и специальный для неё плагин UI Dialog. Этот плагин позволяет выбирать текст, кнопки и их поведение и многие другие параметры […]

Читать далее →

Неоновый эффект такста с JQuery и CSS | Уроки по JQuery

В этом примере вы увидите как создаётся эффект неонового свечения с помощью CSS и JQuery. Достигается это в результате создания фонового изображения который содержит два слегка различных варианта текста, и благодаря JQuery происходит плавный переход между ними и что немало […]

Читать далее →

Информационный блок на jQuery | Уроки по JQuery

В этом примере показано как создаётся информационный блок в котором текст и картинки будут изменяться с эффектом скроллинга благодаря  jQuery. Для реализации такого блока вам понадобиться, библиотека jQuery и плагин эффекта jQueryCycle скачайте исходник там всё есть. Подключаем  библиотеку и […]

Читать далее →

Валидатор для форм на JQuery | Уроки по JQuery

inc/main.js $(function() { // sample 1 — login form $(‘#login_form #username’).validator({ format: ‘alphanumeric’, invalidEmpty: true, correct: function() { $(‘#login_form #vres_username’).text(‘Спасибо’); }, error: function() { $(‘#login_form #vres_username’).text(‘Пожалуйста,поле имя пользователя’); } }); $(‘#login_form #password’).validator({ format: ‘alphanumeric’, invalidEmpty: true, correct: function() { $(‘#vres_password’).text(‘Спасибо’); […]

Читать далее →

Красивая Фото галерея | Уроки по JQuery

В этом примере будем создавать фото галерею которая будит выводить на показ все изображения из определённой папки, и осуществляться это будит с помощью  PHP, CSS, JQuery и jQuery Lightbox плагин . Шаг-1 Начнём мы с XHTML. demo.php Красивая Фото галерея […]

Читать далее →

Изменения фона элемента страницы с помощью JQuery | Уроки по JQuery

В данном примере я покажу вам еще один интересный инструмент Jquery, это плагин backgroundPosition. В качестве примера мы создадим анимированное меню с разными эффектами смены фона кнопок. Конечно у кого-то это может вызвать вопрос зачем писать сценарии для смены фона, […]

Читать далее →

Постраничная навигация на JQuery | Уроки по JQuery

В этом примере показано как выводить большой объём текста, но разделяя его на определённое количество блоков, которое будет показываться пользователю как отдельная страница. Обычно постраничная навигация применяется на сайтах с большим количеством информации доступной для пользователя и там она реализована […]

Читать далее →

Слайд шоу на jQuery | Уроки по JQuery

Слайд-шоу сейчас очень часто применяется в web дизайне, красивая смена изображений привлекает внимание, поэтому слайд шоу очень хорошо подходит для презентации какой либо важной информации или товара. В этом примере вы увидите, как сделать функциональное легко настраиваемое слайд шоу с […]

Читать далее →