JS制作的小游戏

来源：互联网发布：手机日程安排软件编辑：程序博客网时间：2024/04/20 05:05

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>wujinjian</title> <mce:script type="text/javascript"></mce:script> </head><body onload="formPosition(),createYu()" onresize="formPosition()" style="font-size:10pt" mce_style="font-size:10pt"> <div id="fbid" style="position:absolute;left:0px;top:10px;width:795px;height:45px;background-color:rgb(223,223,223);padding-left:5px;border:black solid 1px"> <table> <tr> <td>生命值：</td> <td><div id="smz" style="width:500px;height:15px;background-color:red;color:white;font-weight:bold" align="center">500</div></td> </tr> <tr> <td>生长值：</td> <td><div id="szz" style="width:10px;height:15px;background-color:blue;color:white;font-weight:bold" align="center">0</div></td> </tr> </table> </div> <div id="mapid" style="position:absolute;left:0px;top:60px;width:800px;height:400px;background-color:rgb(223,223,223);overflow:hidden;border:black solid 1px" onmousemove="mouseMove(event)"> </div> <div id="gzid" style="position:absolute;left:0px;top:465px;width:795px;height:45px;background-color:rgb(223,223,223);padding-left:5px;padding-top:5px;border:black solid 1px;color:red;line-height:20px"> *游戏规则：移动鼠标吃方块，你只能吃跟你同样大小或比你小的方块，当你的生长值到达500时，你自己的方块会变大一级，<br> 当生命值变成0时，Game Over！游戏中的红色小方块就是给你补生命值的。 </div> </body></html>