JS チェーンバブル v1.1_JavaScript スキル-jsチュートリアル-php.cn

JS チェーンバブル v1.1_JavaScript スキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

リリース： 2016-05-16 18:45:48

オリジナル

1070 人が閲覧しました

バブルの移動、衝突、消滅などは、書けば書くほど完成してしまい、ゲーム関連のこと（ゲームのレベルの数や、レベルをクリアするために何個のバブルを壊すか)。多くの場所で setInterval を変更するためにクロージャが使用されているため、興味のある友人はそれを読むことができます (この関数は比較的安価です)。オブジェクト指向なので、注釈は比較的完全です。
JS チェーンバブル v1.1_JavaScript スキル

<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 href="http://blog.csdn.net/sunxing007">http://blog.csdn.net/sunxing007</a>
 
         開発環境：IE8 互換性は当面考慮しておりません。
 
          
</div>

[Ctrl A すべて選択注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]
転載の際は必ず出典を明記してください：http://blog.csdn.net/sunxing007