107 lines
4.0 KiB
HTML
107 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>秦始皇餐厅</title>
|
|
<link rel="stylesheet" type="text/css" href="css/qinshihuanggame.css">
|
|
|
|
</head>
|
|
<body>
|
|
<audio id="bgm" loop>
|
|
<source src="asset/music/bgm.mp3" type="audio/mpeg">
|
|
Your browser does not support the audio element.
|
|
</audio>
|
|
<!-- 游戏的界面元素 -->
|
|
<div id="restaurant">
|
|
<div id="desktop">
|
|
<img src="asset/pic/qinshihuang/desktop.png" alt="desktop">
|
|
</div>
|
|
|
|
<!-- empires elements-->
|
|
<div id="qinshihuang" class="empire">
|
|
<img src="asset/pic/qinshihuang/QinShiHuang.png" alt="秦始皇">
|
|
</div>
|
|
<div id="qinshihuang1" class="empire">
|
|
<img src="asset/pic/qinshihuang/QinShiHuang_LeadPoisoning.png"
|
|
alt="死法1">
|
|
</div>
|
|
<div id="qinshihuang2" class="empire">
|
|
<img src="asset/pic/qinshihuang/QinShiHuang_Meningitis.png" alt="死法2">
|
|
</div>
|
|
<div id="qinshihuang3" class="empire">
|
|
<img src="asset/pic/qinshihuang/QinShiHuang_Murder.png" alt="死法3">
|
|
</div>
|
|
|
|
<!-- customers elements -->
|
|
<div id="dialogueBox" class="dialogueBox">
|
|
<img src="asset/pic/qinshihuang/DialogueBox.png" alt="对话框">
|
|
<div id="dialogueText" class="dialogueText">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div id="hint" class="hint">
|
|
<img src="asset/pic/qinshihuang/hint_bottom.png" alt="提示按钮"
|
|
onclick="handleHint('bottom');">
|
|
</div>
|
|
<div id="hintpage" class="hintpage">
|
|
<img src="asset/pic/qinshihuang/hint_page.png" alt="提示"
|
|
onclick="handleHint('page');">
|
|
</div>
|
|
<div id="customer1" class="customer">
|
|
<img src="asset/pic/qinshihuang/Customer1_YoungMan.png" alt="中年男">
|
|
</div>
|
|
<div id="customer1-2" class="customer">
|
|
<img src="asset/pic/qinshihuang/UnhappyYoungMan.png" alt="不开心中年男">
|
|
</div>
|
|
<div id="customer1-3" class="customer">
|
|
<img src="asset/pic/qinshihuang/AngryYoungMan.png" alt="生气中年男">
|
|
</div>
|
|
<div id="customer2" class="customer">
|
|
<img src="asset/pic/qinshihuang/Customer2_LittleGirl.png" alt="小女孩">
|
|
</div>
|
|
<div id="customer2-2" class="customer">
|
|
<img src="asset/pic/qinshihuang/UnhappyLittleGirl.png" alt="不开心小女孩">
|
|
</div>
|
|
<div id="customer2-3" class="customer">
|
|
<img src="asset/pic/qinshihuang/AngryLittleGirl.png" alt="生气小女孩">
|
|
</div>
|
|
<div id="customer3" class="customer">
|
|
<img src="asset/pic/qinshihuang/Customer3_OldLady.png" alt="老奶奶">
|
|
</div>
|
|
<div id="customer3-2" class="customer">
|
|
<img src="asset/pic/qinshihuang/UnhappyGrandma.png" alt="不开心老奶奶">
|
|
</div>
|
|
<div id="customer3-3" class="customer">
|
|
<img src="asset/pic/qinshihuang/AngryGrandma.png" alt="生气老奶奶">
|
|
</div>
|
|
|
|
<!-- foods elements -->
|
|
<div id="mapo-tofu" class="dish">
|
|
<img src="asset/pic/qinshihuang/MapoTofu_FinishedDish.png" alt="麻婆豆腐"
|
|
onclick="handleClick('mapo');">
|
|
</div>
|
|
<div id="roast-duck" class="dish">
|
|
<img src="asset/pic/qinshihuang/roast_duck.png" alt="烤鸭"
|
|
onclick="handleClick('roast_duck');">
|
|
</div>
|
|
<div id="yangzhou-fried-rice" class="dish">
|
|
<img src="asset/pic/qinshihuang/YangzhouFriedRice.png" alt="扬州炒饭"
|
|
onclick="handleClick('Yangzhou');">
|
|
</div>
|
|
<div id="braised-prawns" class="dish">
|
|
<img src="asset/pic/qinshihuang/BraisedPrawns.png" alt="油焖大虾"
|
|
onclick="handleClick('Prawns');">
|
|
</div>
|
|
<div id="kung-pao-chicken" class="dish">
|
|
<img src="asset/pic/qinshihuang/KungPaoChicken.png" alt="宫保鸡丁"
|
|
onclick="handleClick('Chicken');">
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/qinshihuanggame.js"></script>
|
|
|
|
</body>
|
|
</html>
|
粤公网安备44010602013451号