ВНИМАНИЕ! С 22 по 31 октября в Центре «Турбо» состоятся родительские собрания Подробнее
Toggle Bar

БЕСПЛАТНЫЕ УРОКИ. Создание сайтов

Уроки по jQuery

jqueryjQuery представляет собой библиотеку скриптов, написанных на Javascript. Благодаря jQuery программирование на javascript становится довольно простым и удобным. Используя jQuery можно добиться очень красивых визуальных эффектов на сайте, например, создать галерею с плавной сменой изображений. Студенты знакомятся с основными возможностями этой библиотеки, учатся использовать разные визуальные эффекты на практике.

В этом разделе представлены бесплатные уроки по jQuery, разработанные преподавателями нашего центра.

В этом уроке я покажу, как выводить содержимое текстовых файлов или HTML-документов в Вашу страницу. Для этого нам понадобятся три файла:
- файл с текстом, который нужно показывать на вашей странице,
- Сама Web-страница, на которой выводится нужный  контент,
- Библиотека jQuery.

demo        skachat

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

zakladki

demo        skachat

В этом уроке я расскажу как организовать проверку вводимых данных в формы еще до передачи их на сервер. Т.е. непосредственно во время ввода данных в поле.

 В этом нам поможет язык программирования JavaScript.

Принцип работы в том, что при вводе любых данных в поля формы возникает событие oninput, которое будет вызывать процедуру проверки вводимых данных - для электронного адреса это функция function check_email() . Она принимает строку из формы и сравнивает ее с маской. Если адрес введен правильно, то рядом с полем выводится графическое изображение "галочка", если адрес с ошибкой или не дописан - соответствующее сообщение. Для вывода этих сообщений применяется метод innerHTML и блочный фрагмент DIV. 

В результате должна получиться примерно такая страница как в примере, нажмите на кнопку "ДЕМО".

demo       skachat

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

Это бывает необходимо, когда страницы Web-сайта большие и приходится часто переходить по ссылкам. Пользователю будет удобно нажать на нужный ему пункт меню не возвращаясь в начало страницы.

demo        skachat

Если у Вас получается слишком большие страницы на сайте, то возврат к началу требует прокрутки роликом или протягивания вверх полосы прокрутки мышей. Это не всегда удобно.

В этом уроке мы рассмотрим простое решение этой проблемы при помощи всплывающей стрелки работающей с помощью jQuery, при клике по которой страница плавно возвращается к началу.

demo        skachat

Страница 1 из 2