344 читали · 4 года назад
Смайлик следящий за курсором
В этой статье мы создадим смайл в окне, который будет следить глазами за курсором мыши. А если мы захотим закрыть, окно смайл будет злиться. Итак, создадим структуру проекта, которая будет состоять из двух папок: css и js, а также из трех фалов: index.html, style.css и main.js В файле index.html создадим начальную разметку и подключим файлы style.css и main.js Теперь в теге body файла index.html создадим вот такой код: DIV с классом win будет окном. DIV с классом btn-closse - это кнопка для закрытия окна, в диве будет крестик (×)...
1101 читали · 4 года назад
Перемещение объекта при помощи стрелок на клавиатуре
В этой статье мы научимся передвигать объект внутри какой-то области при помощи клавиш со стрелками на клавиатуре. Создадим файл index.html и две папки: js и css. В папке js создадим файл main.js, а в папке css создадим файл style.css. Теперь в файле index.html создадим начальную разметку и подключим файл стилей style.css и файл скрипта main.js . В теге body создадим div с классом app, а в нем создадим div с классом ball. DIV с классом app - это область, внутри которой будет перемещаться объект...