以下是HTML代码大家可以复制粘贴，由于JS、CSS代码过多，所以大家可以通过上面的链接下载文件打开使用。
<!DOCTYPE html>
<html>
<head>
<meta charset=gb2312" />
<title>编程特趣</title>
<link href="css/zzsc.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/zzsc.js"></script>
</head>
<body>
<div id="table">
<div id="scoreBoard"></div>
</div>
<div class="bot">
<div id="tips"></div>
<div class = "ctrl">
<div id="force"></div>
<div id="shootPos">
<div id="dot"></div>
</div>
</div>
</div>
<div style="text-align:center;clear:both">
</div>
</body>
</html>
一起来看效果！
1、感谢你支持！如果大佬们把代码按照图片尝试不显示的话，可以切换兼容性的浏览器，例如：Google、搜狗浏览器、360浏览器，切记：不要使用windos自带的浏览器，IE浏览器，最好是使用Google。
2、每天不断学习编程提升自己的编程知识，继续加油。
有情提示：上面说的都尝试了，还是没有出现以上图片的效果，大家可以尝试登陆账号下载文件即可，祝你每天开心学编程。
3、奔梦向前祝你天天开心学编程，网页特效、网页设计本身就是属于小白的入门课程，所以小白们你们可要加油！相信自己一定可以坚持学下去，学精他，到时候自己独立制作一个属于自己的网页界面，分享给你自己的朋友。
原创文章 27
获赞 5
访问量 1199