Показать сообщение отдельно
  #1 (permalink)  
Старый 06.08.2016, 04:41
Новичок на форуме
Отправить личное сообщение для filmokrut Посмотреть профиль Найти все сообщения от filmokrut
 
Регистрация: 29.07.2016
Сообщений: 2

Погоите разобраться с реагированием на события мышки
Здравствуйте!

Помогите, пожалуйста, с домашним заданием по JavaScript.

Дано:
Сначала был текст "Ничего не произошло" на картинке - кнопке в виде круга.

Какой нужно написать код, чтобы:

При наведении мышки поменялась надпись на "Вы навели мышку на кнопку" и картинка кнопки поменялась с круга на треугольник.

Если убрать курсор мышки то появилась надпись "Вы убрали курсор мыши с кнопки" и картинка с треугольника снова стала кругом.

При нажатии левой кнопки мыши над кнопкой с текстом, надпись поменялась на "Вы нажали левой кнопкой мыши на эту кнопку" и у картинки при удерживании нажатия появилась тень.

При отпуске мышки тень исчезла, а надпись поменялась на "вы нажали и отпустили левую кнопку мыши".

При нажатии правой кнопки мыши над кнопкой с текстом, надпись поменялась на "Вы нажали правой кнопкой мыши на эту кнопку" и картинка стала полупрозрачной.

При отпуске правой кнопки мыши прозрачность стала нормальной, а надпись поменялась на "вы нажали и отпустили правую кнопку мыши".

При нажатии кнопки ctrl у текста менялся бы цвет шрифта с черного на зелёный.

При повторном нажатии ctrl цвет шрифта опять становился бы чёрным.

При нажатии кнопки shift у текста менялся бы цвет фона с белого на голубой.

При повторном нажатии shift цвет фона опять становился бы белым.

При нажатии кнопки alt у текста появлялась красная рамка толщиною 3 пикселя.

При повторном нажатии кнопки alt текст снова был бы без рамки.


При двойном клике текст менялся бы на "Вы щелкнули на кнопку двойным кликом", а картинка стала вместа круга квадратом, при повторном двойном клике снова круом, а в тексте появился бы справа от текста "Вы щелкнули на кнопку двойным кликом" счётчик двойных нажатий.

Под кнопкой, через 2 строчки вниз нужно два счётчика по оси Х и по оси У, ктр бы показывали где сейчас находиться курсор от левого верхнего угла экрана монитора.
Ответить с цитированием