<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" type="text/css" href="hanko.css"> <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" type="text/css" href="main.css"> <script type="text/javascript" src="csv.min.js"></script> <script type="text/javascript" src="csvload.js"></script> <script type="module" src="3dmodel.js"></script> </head> <body> <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> <iframe width="80%" height="80%" frameborder="0" allowfullscreen src="//umap.openstreetmap.fr/ja/map/map_824372?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false"></iframe> </div> <div class="quiz"> <h1 class="quiz ttl">クイズ</h1> <iframe src="sisaku.html" width="" height=""> </iframe> <p id="__quiz__" class="question">問題文</p> <button id="__a__" class="btn" type="button" name="a" value="a" onclick="judgeA()">選択肢A</button> <button id="__b__" class="btn" type="button" name="b" value="b" onclick="judgeB()">選択肢B</button> <button id="__c__" class="btn" type="button" name="c" value="c" onclick="judgeC()">選択肢C</button> <p id="result"> </p> <div id="__answer__" class="none">解答</div> <button id="next" class="btn" type="button">次の問題へ</button> </div> <div class="stamp"> <h1 class="ttl">スタンプ</h1> <img id="image1" src="img.png"> </div> </div> <div class="tabcontent" id="tabcontent2"> <p>歴史</p> <p>あははは</p> </div> <div class="tabcontent" id="tabcontent3"> <p>マウス左ボダンを押しながらドラッグ; カメラがシーンの中心を軸に回転移動する。</p> <p>マウスホイールまたはマウス中ボタンを押しながらドラッグ; ズームイン/ズームアウトする</p> <p>マウス右ボタンを押しながらドラッグ; カメラの撮影方向を水平(左右)に動かす</p></div> </div> </body> </html>