您的位置: 首页 > IT文章 > javascript技巧 > JS 连锁泡泡 v1.1

JS 连锁泡泡 v1.1

分类: IT文章 • 2022-04-19 15:54:35

泡泡的移动，碰撞，消失都完成了，越写越觉得没意思，后面的关于游戏性的东西（比如游戏有多少关，打破多少泡泡算过关）就懒得写了。有兴趣的朋友可以读一下，因为很多地方用到闭包修正setInterval(这个函数比较贱)。面向对象，注释比较完整。
JS 连锁泡泡 v1.1

JS 连锁泡泡 v1.1

JS 连锁泡泡 v1.1

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>原创JS连锁泡泡 v1.1</title>
<style>      body{ margin: 0px; padding: 0px; background-color: #000; } #main{ border: solid red 0px; width: 800px; height: 600px; font-size: 48px; position: absolute; background-color: #fff; } .little{ height: 15px; width: 15px; font-size: 1px; border: solid #ccc 0px; position: absolute; left: 100px; top: 100px; background: url(/upload/20090928170442418.gif) no-repeat; filter: alpha(opacity=30); } .big{ height: 61px; width: 61px; font-size: 9pt; border: solid #ccc 0px; position: absolute; left: 0px; top: 0px; background: url(/upload/20090928170442175.gif) no-repeat; /**使显示的分数居中**/ line-height: 61px; color: #fff; filter: alpha(opacity=30); } #info{         position: absolute;         left: 820px;         top 20px;         border: solid #fff 1px;         height: 600px;         width: 300px;         color: #fff;         padding: 5px; } #score{         float: right;         border: solid #ccc 1px;         height: 10px;         width: 80px;         margin: 5px;         font-size: 30px; } </style>
<div id="main">         <div id="score">0</div> </div> <div id="info">          原创JS连锁泡泡 v1.1          原创作者 sunxing007          转载请务必注明来自：          <a>http://blog.csdn.net/sunxing007</a>          开发环境：IE8 暂时没有考虑兼容性            </div>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

转载请务必注明来自：http://blog.csdn.net/sunxing007