网页版潜艇大战射击游戏，Js结合图片完成的特效

发布时间：2018-09-29 19:19:18 所属栏目：语言来源：站长网

导读：网页版潜艇大战射击游戏，Js结合图片完成的特效，非常不错的JS实例，值得大家学习。游戏简介： - 努力在导弹到达另一边是把它摧毁. - 注意开火时间有个提前量才可打中. - 按空格键暂停游戏. - 暂停游戏可以察看信息. - 在暂停是弹出的对话框上可以看见你

网页版潜艇大战射击游戏，Js结合图片完成的特效，非常不错的JS实例，值得大家学习。

游戏简介：

- 努力在导弹到达另一边是把它摧毁.
- 注意开火时间有个提前量才可打中.
- 按空格键暂停游戏.
- 暂停游戏可以察看信息.
- 在暂停是弹出的对话框上可以看见你的击中率等等

<html> <head> <title></title> <style type = "text/css"> .basic {position:absolute; visibility:visible; top:-3000px;} .30pt{font-size:30pt;color:white} </style> <SCRIPT LANGUAGE="<b>Java</b>Script">  </script> </head> <body bgcolor="#009090"> <script language="JavaScript"> var basic = 'visibility="visible" width="60" top="-3000" height="15"'; var txt = ''; if (isNS) { txt += '<layer name="outer" visibility="visible" width="500">'; txt += '<layer name="target" visibility="hidden" z-index="12"><img src="/uploads/allimg/1102/target.gif"></layer>'; txt += '<layer name="field" visibility="hidden" bgcolor="black" z-index="1" width="500" height="300"></layer>'; txt += '<layer name="explosion" '+basic+'z-index="11"><img src="/uploads/allimg/1102/explosion.gif"></layer>'; txt += '<layer name="rocket1" '+basic+'left="-460" z-index="4"><img src="/uploads/allimg/1102/rocket.gif"></layer>'; txt += '<layer name="rocket2" '+basic+'left="-380" z-index="5"><img src="/uploads/allimg/1102/rocket.gif"></layer>'; txt += '<layer name="rocket3" '+basic+'left="-300" z-index="6"><img src="/uploads/allimg/1102/rocket.gif"></layer>'; txt += '<layer name="rocket4" '+basic+'left="-220" z-index="7"><img src="/uploads/allimg/1102/rocket.gif"></layer>'; txt += '<layer name="rocket5" '+basic+'left="-140" z-index="8"><img src="/uploads/allimg/1102/rocket.gif"></layer>'; txt += '<layer name="rocket6" '+basic+'left="-60" z-index="9"><img src="/uploads/allimg/1102/rocket.gif"></layer>'; txt += '<layer name="bullet" visibility="visible" width="10" top="-3000" height="10" bgcolor="white" z-index="10"></layer>'; txt += '</layer>'; } else { txt += '<div id="outer" style="position:absolute; width:600px; height:300px">'; txt += '<div id="field" style="position:absolute; top:0px; left:0px; visibility:hidden; width:500px; height:300px; z-index:2; background-color:black;"></div>'; txt += '<div id="target" style="position:absolute; visibility:hidden; z-index:12"><img src="/uploads/allimg/1102/target.gif"></div>'; txt += '<div id="explosion" style="z-index:11;" class="basic"><img src="/uploads/allimg/1102/explosion.gif"></div>'; txt += '<div id="rocket1" style="left:-460px; z-index:4" class="basic"><img src="/uploads/allimg/1102/rocket.gif"></div>'; txt += '<div id="rocket2" style="left:-380px; z-index:5" class="basic"><img src="/uploads/allimg/1102/rocket.gif"></div>'; txt += '<div id="rocket3" style="left:-300px; z-index:6" class="basic"><img src="/uploads/allimg/1102/rocket.gif"></div>'; txt += '<div id="rocket4" style="left:-220px; z-index:7" class="basic"><img src="/uploads/allimg/1102/rocket.gif"></div>'; txt += '<div id="rocket5" style="left:-140px; z-index:8" class="basic"><img src="/uploads/allimg/1102/rocket.gif"></div>'; txt += '<div id="rocket6" style="left:-60px; z-index:9" class="basic"><img src="/uploads/allimg/1102/rocket.gif"></div>'; txt += '<div id="bullet" style="z-index:10; background-color:white; width:10px; height:10px; font-size:1px;" class="basic"></div>'; txt += '</div>'; } document.write(txt); --> </script> <div style="left:200;top:350;position:absolute;width:400"> <p> <font class=30pt>规则很简单,单击鼠标左键是投弹。<br>经验：投弹时间注意提前量</font> <p> </div> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：阜新站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!