请将代码保存成html格式的文件,然后用谷歌或者火狐浏览器打开即可看见效果,提醒:球是可以点击的哦!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
window.οnlοad=function(){
var oBall=document.getElementById('aball'),
oBody=document.getElementById('body'),
oDiv=document.getElementById('div');
// 设置运动初始值
var ixspeed=0;
var iyspeed=0;
var ixmove=10;
var iymove=10;
function move() {
// 动态获取浏览器宽度 减去200不让球体超出浏览器
var sWidth