Урок для новичков: Плавное появление/исчезание объектов на jQuery by Platinum

19685226

Добрый день, дорогие пользователи контента ! =)

Прочитав урок по плавному скроллу от Apocalypse я подумал и решил: а ведь это действительно хорошая идея небольшими шагами вбивать юным веб-программистам знания по JavaScript, CSS, jQuery...

На данном уроке я коснусь только jQuery...

Сейчас мы научимся плавно скрывать/отображать блок с данными, предположим изображением...

1#: Предположим, у нас есть картинка

Сделаем вызов функции по клику на это изображение

"onclick" - это событие, вызванное по клику мыши, а "func" - это название функции

Заключим наше изображение в div:

id="1" - идентификатор блока...

Теперь пропишем нашу функцию "func":

2#: Теперь давайте сделаем плавную смену двух картинок

Добавим ещё одно изображение, при клике на которое будет выполняться функция func2:

Заключим его в DIV с id="2" (раз эта картинка будет появляться, значит изначально она не должна быть видна...не так ли ?):

display:none указывает на то, что блок НЕ отображается по умолчанию...

Напишем функцию, при которой первое изображение будет плавно уходить, а второе появляться...

3#: Если вы хотите, чтобы одна картинка ЗАМЕНЯЛА другую при клике, покажу вам ещё одну вещь...

Берём картинку:

Дадим ей имя....допустим "YA":

Как вы уже наверное заметили, при клике на это изображение идёт вызов функции "smena"

Пропишем эту функцию так, чтобы изображение менялось на другое:

Вот...пожалуй на этом пока что закончим))) В следующем уроке мы разберём простенькую галерею изображений...

Урок приготовил Platinum

Читайте также:

guest
0 Комментарий
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x