JS 連鎖泡泡 v1.1

更新時間：2009年09月28日 17:04:44 作者：

前幾天在朋友的iPhone上面玩了一個連鎖泡泡游戲，頭腦發(fā)熱就想用js寫一個。

泡泡的移動，碰撞，消失都完成了，越寫越覺得沒意思，后面的關(guān)于游戲性的東西（比如游戲有多少關(guān)，打破多少泡泡算過關(guān)）就懶得寫了。有興趣的朋友可以讀一下，因為很多地方用到閉包修正setInterval(這個函數(shù)比較賤)。面向?qū)ο?，注釋比較完整。

<html> <head> <title>原創(chuàng)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; /**使顯示的分數(shù)居中**/ 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> </head> <body> <div   class="vvxyksv9kd"   id="main">         <div   class="vvxyksv9kd"   id="score">0</div> </div> <div   class="vvxyksv9kd"   id="info">          原創(chuàng)JS連鎖泡泡 v1.1          原創(chuàng)作者 sunxing007          轉(zhuǎn)載請務必注明來自：          <a href="http://blog.csdn.net/sunxing007">http://blog.csdn.net/sunxing007</a>          開發(fā)環(huán)境：IE8 暫時沒有考慮兼容性            </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

轉(zhuǎn)載請務必注明來自：http://blog.csdn.net/sunxing007