ДЗ КМ-5: КМ-5. Основы JavaScript - перемещение и трансформация объектов с помощью DOM. вариант 17
Новинка
Описание
☑️ Готовая работа - КМ-5. Основы JavaScript - перемещение и трансформация объектов с помощью DOM. Вариант 17.
➡️ Готовые работы по курсу ⬅️▶️ Помощь с работами по курсу ◀️
Задание:
Реализовать следущие функции для этих
иконок, размер 100 рх на 100 рх, с общим классом "image":
По наведению/клику курсора соответствующая картинка (нумерация слева направо) должна:
1. уменьшиться в 0.7 раза при наведении курсора на нее
2. при клике изменить масштаб в 1.2 раза
3. при наведении повернуться на 90 градусов
4. при наведении на нее картинка номер 1 должна измениться в 0.7 раза
5. при клике по ней картинка номер 2 должна изменить масштаб в 1.2 раза
При отводе курсора картинки должны
возвращать свое исходное состояние.
Рекомендации: Функции изменения должны ссылаться
на картинки по имени их класса
иконок, размер 100 рх на 100 рх, с общим классом "image":
По наведению/клику курсора соответствующая картинка (нумерация слева направо) должна:
1. уменьшиться в 0.7 раза при наведении курсора на нее
2. при клике изменить масштаб в 1.2 раза
3. при наведении повернуться на 90 градусов
4. при наведении на нее картинка номер 1 должна измениться в 0.7 раза
5. при клике по ней картинка номер 2 должна изменить масштаб в 1.2 раза
При отводе курсора картинки должны
возвращать свое исходное состояние.
Рекомендации: Функции изменения должны ссылаться
на картинки по имени их класса
Полное задание смотрите в "демо".
Курс Web-технологии - КМ-5. Основы JavaScript - перемещение и трансформация объектов с помощью DOM.
Файлы условия, демо
Характеристики домашнего задания
Предмет
Учебное заведение
ИДДО НИУ «МЭИ» Номер задания
Вариант
Программы
Теги
Просмотров
0
Качество
Идеальное компьютерное
Размер
89,03 Kb
Преподаватели
Список файлов
З5
images
icon1.png
icon2.png
icon3.png
icon4.png
icon5.png
index.html
script.js
styles.css
studizboss
Сегодня в 10:33
Комментарии
Нет комментариев
Стань первым, кто что-нибудь напишет!
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
