Воскресенье, 24.11.2024, 22:19 | Приветствую Вас Гость

...

Код

Главная » Статьи » Js
Бегущая кнопка

<html>
<head>

</head>
<body onmousemove="myfuncmouse()">

<input id="b" type="button" value="нажми меня" onclick="myfuncbutton()">
<script>

function myfuncbutton(){
alert("Ух ты");
}

let speed = 25;
let button = document.querySelector('#b');
b.style.position = "absolute";
b.style.top = Math.floor(Math.random()*400)+50;
b.style.left=Math.floor(Math.random()*400)+50;


function myfuncmouse(){


var rect = b.getBoundingClientRect();
b.style.position = "absolute";

if (event.pageY >= Math.round(rect.top) && event.pageY <=  Math.round(rect.top)+25){
let randomspeed = Math.floor(Math.random()*2);

if (randomspeed == 0) speed = - speed;
b.style.top = event.pageY+speed;
if (Math.floor(Math.random()*2) == 1) speed = - speed;
b.style.left = event.pageX+speed;
}

if (event.pageX >= Math.round(rect.left) && event.pageX <=  Math.round(rect.left)+25){
let randomspeed = Math.floor(Math.random()*2);

if (randomspeed == 0) speed = - speed;
b.style.top = event.pageY+speed;
if (Math.floor(Math.random()*2) == 1) speed = - speed;
b.style.left = event.pageX+speed;
}


if (event.clientX > 500 && event.clientY > 500){

b.style.top = Math.floor(Math.random()*400)+50;
b.style.left=Math.floor(Math.random()*400)+50;
}


}

</script>
</body>

</html>

Категория: Js | Добавил: moskov (17.07.2022)
Просмотров: 89 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Меню сайта

Категории раздела

PHP [41]
C++ [71]
Autoit [108]
Processing [105]
Basic4GL [7]
Fasm [2]
PABC [7]
Js [234]
Gentee [1]
Python [204]
Java android [3]
Small Basic [9]

Мини-чат

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

  • Хулиган Вселенной

  • Тюремная поэзия

  • Религиозная поэзия

  • Сайт клана ЛеГиоН

    • Поиск