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

Уроки по 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