周末休息，用原生JS和CSS给女朋友做了个弹弹球小游戏，她沉迷其中、无法自拔
39 浏览量
2021-01-08
10:51:50
上传
评论
收藏 77KB PDF 举报
周末休息，用原生周末休息，用原生JS和和CSS给女朋友做了个弹弹球小游戏，她给女朋友做了个弹弹球小游戏，她
沉迷其中、无法自拔沉迷其中、无法自拔
上次帮一个粉丝写了这个纯HTML加CSS实现3D立体动态相册，女朋友看到了，说我就没有给她写过这些小玩意，哄她开心。
蛤，听了这话我就很难过。我对她说，等着，马上为你量身定做一个去，你爱玩游戏，整好今天周末给你做个小小的游戏，让
你耍一耍~哈哈哈哈，我太机智了。
效果如下：
css部分代码：
#main{
width: 600px;
height:300px;
background: gray;
margin-left: 300px;
position: absolute;
}
#ball {
width: 20px;
height: 20px;
background-color: yellow;
border-radius: 50%;
position: relative;
}
#board{
width: 80px;
height: 10px;
background: red;
position: absolute;
bottom: 0;
left: 450px;
}
html部分代码：
js部分代码：
var main = document.getElementById('main');
var ball = document.getElementById('ball');
var board = document.getElementById('board');
//设置小球运动速度
ball.speedX = 3;
ball.speedY = 4;
//控制小球运动轨迹
ball.run = function(){
资源评论
weixin_38728183
- 粉丝: 5
- 资源: 942
