javascript, 元素页面简单碰撞

时间：2019-11-23 16:26:40 阅读：70 评论：0 收藏：0 [点我收藏+]

<div>

</div>

<style>

div {

width: 100px;

height: 100px;

background-color: lightblue;

position: fixed;

top: 0;

left: 0;

}

</style>

---------------

let setDiv = document.querySelector("div");

let divWidth = 100,

divHeight = 100,

divLeft = 0,

divTop = 0;

let vx = 6;

let vy = 6;

let timer = setInterval(() => {

divLeft += vx;

divTop += vy;

setDiv.style.left = divLeft + "px";

setDiv.style.top=divTop+"px";

if (divLeft + divWidth >= innerWidth || divLeft <= 0) {

vx = -vx;

}

if (divTop + divHeight >= innerHeight || divTop <= 0) {

vy = -vy;

}

}, 25)

</script>

原文地址：https://www.cnblogs.com/yt0817/p/11918250.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行

javascript, 元素 页面 简单碰撞