|
Погоите разобраться с реагированием на события мышки
Здравствуйте!
Помогите, пожалуйста, с домашним заданием по JavaScript.
Дано:
Сначала был текст "Ничего не произошло" на картинке - кнопке в виде круга.
Какой нужно написать код, чтобы:
При наведении мышки поменялась надпись на "Вы навели мышку на кнопку" и картинка кнопки поменялась с круга на треугольник.
Если убрать курсор мышки то появилась надпись "Вы убрали курсор мыши с кнопки" и картинка с треугольника снова стала кругом.
При нажатии левой кнопки мыши над кнопкой с текстом, надпись поменялась на "Вы нажали левой кнопкой мыши на эту кнопку" и у картинки при удерживании нажатия появилась тень.
При отпуске мышки тень исчезла, а надпись поменялась на "вы нажали и отпустили левую кнопку мыши".
При нажатии правой кнопки мыши над кнопкой с текстом, надпись поменялась на "Вы нажали правой кнопкой мыши на эту кнопку" и картинка стала полупрозрачной.
При отпуске правой кнопки мыши прозрачность стала нормальной, а надпись поменялась на "вы нажали и отпустили правую кнопку мыши".
При нажатии кнопки ctrl у текста менялся бы цвет шрифта с черного на зелёный.
При повторном нажатии ctrl цвет шрифта опять становился бы чёрным.
При нажатии кнопки shift у текста менялся бы цвет фона с белого на голубой.
При повторном нажатии shift цвет фона опять становился бы белым.
При нажатии кнопки alt у текста появлялась красная рамка толщиною 3 пикселя.
При повторном нажатии кнопки alt текст снова был бы без рамки.
При двойном клике текст менялся бы на "Вы щелкнули на кнопку двойным кликом", а картинка стала вместа круга квадратом, при повторном двойном клике снова круом, а в тексте появился бы справа от текста "Вы щелкнули на кнопку двойным кликом" счётчик двойных нажатий.
Под кнопкой, через 2 строчки вниз нужно два счётчика по оси Х и по оси У, ктр бы показывали где сейчас находиться курсор от левого верхнего угла экрана монитора.
|
