Fork: 7
SKIP / escapegame-2022
Transfer to URL with SHA Find file
Newer
Older
escapegame-2022 / A2teamkadai / quiz.html
@Yuto Togashi Yuto Togashi on 29 Nov 2022 2 KB add A2 directory
Raw Blame History 
<!DOCTYPE html>
<html lang="ja">
<head>
    <title>朝日地区イズ</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.0/dist/leaflet.css">
    <link rel="stylesheet" type="text/css" href="main.css">
    <link rel="stylesheet" type="text/css" href="hanko.css">
    <script src="https://unpkg.com/leaflet@1.3.0/dist/leaflet.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="map.js"></script>
</head>

<body onload="init()">
    <div class="tabbox">
        <input type="radio" name="tabset" id="tabcheck1" checked><label for="tabcheck1" class="tab">クイズ</label>
        <input type="radio" name="tabset" id="tabcheck2"        ><label for="tabcheck2" class="tab">未定</label>
        <input type="radio" name="tabset" id="tabcheck3"        ><label for="tabcheck3" class="tab">説明</label>
        <div class="tabcontent" id="tabcontent1">
            <div class="map">
                <h1 class="ttl">マップ</h1>
                <div id="mapcontainer"></div>
            </div>
            <div class="quiz">
                <h1 class="quiz ttl">クイズ</h1>
                <iframe id="model" src="" width="" height=""> </iframe>
                <p id="quiz" class="question">問題文</p>
                <button id="a" class="btn" type="button" name="a" value="a">選択肢A</button>
                <button id="b" class="btn" type="button" name="b" value="b">選択肢B</button>
                <button id="c" class="btn" type="button" name="c" value="c">選択肢C</button>
                <p id="result">　</p>
                <div id="answer" class="none">解答</div>
                <div class="quiz js-content"></div>
                <script type="text/javascript" src="quiz.js"></script>
            </div>
            <div class="stamp">
                <h1 class="ttl">スタンプ</h1>
                <img id="image1" src="../image/img.png">
                <img id="image1" src="../image/img.png">
                <img id="image1" src="../image/img.png">
                <img id="image1" src="../image/img.png">
                <img id="image1" src="../image/img.png">
            </div>
        </div>
        <div class="tabcontent" id="tabcontent2"></div>
        <div class="tabcontent" id="tabcontent3">
            <p>マウス左ボダンを押しながらドラッグ；　カメラがシーンの中心を軸に回転移動する。</p>
            <p>マウスホイールまたはマウス中ボタンを押しながらドラッグ；　ズームイン／ズームアウトする</p>
            <p>マウス右ボタンを押しながらドラッグ；　カメラの撮影方向を水平(左右)に動かす</p>
        </div>
    </div>
</body>
</html>