欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！

您现在的位置是：首页 > web前端

JS 连锁泡泡 v1.1_javascript技巧

程序员文章站 2022-06-08 11:43:54

...

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

JS 连锁泡泡 v1.1_javascript技巧

JS 连锁泡泡 v1.1_javascript技巧

<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> 
<div id="info"> 
         原创JS连锁泡泡 v1.1
 
         原创作者 sunxing007
 
         转载请务必注明来自：
 
         <a href="http://blog.csdn.net/sunxing007" target="_blank" rel="nofollow">http://blog.csdn.net/sunxing007</a>
 
         开发环境：IE8 暂时没有考虑兼容性 
 
          
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

相关标签： JS 连锁泡泡

上一篇： ORA-12514问题解决

下一篇：基于Oracle日志分析技术的数据库消息服务

推荐阅读

JS 连锁泡泡 v1.1_javascript技巧