js赛车小程序

最新推荐文章于 2024-04-12 12:09:11 发布

原创

最新推荐文章于 2024-04-12 12:09:11 发布 · 718 阅读

1 ·

CC 4.0 BY-SA版权

在这里插入图片描述
成功预览

在这里插入图片描述
代码如下

html

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

    <head>
        <title></title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="index.css" />
    </head>

    <body>
        <div class="wrap">
            <div class="fenshu">得分：
                <div class="fs">0</div>
            </div>
            <!--游戏开始界面-->
            <div class="gameStart">
                <div class="mes">经典赛车</div>
                <div class="stratbtn">
                    开始游戏
                </div>
            </div>
            <!--自己的车-->
            <div class="car">

            </div>
            <!--游戏结束界面-->
            <div class="gameOver">
                <div class="message">游戏结束</div>
                <div class="overbtn">再来一发</div>
                <div class="score">得 分：
                    <div class="sc"></div>
                </div>
                <div class="hisscore">历史最高：
                    <div class="his"></div>
                </div>
            </div>
        </div>
    </body>
    <script src="index.js" type="text/javascript" charset="utf-8"></script>

</html>

css

            /*整个游戏环境的样式*/

            .wrap {
                width: 450px;
                height: 800px;
                border: 1px solid black;
                position: relative;
                margin: auto;
                overflow: hidd