101 lines
3.7 KiB
HTML
101 lines
3.7 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/elizabethgame.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/elizabeth/desk.png" alt="desktop">
|
|
</div>
|
|
|
|
<!-- empires elements-->
|
|
<div id="elizabeth" class="empire">
|
|
<img src="asset/pic/elizabeth/Elizabeth_normal.png" alt="elizabeth">
|
|
</div>
|
|
<div id="elizabeth1" class="empire">
|
|
<img src="asset/pic/elizabeth/Elizabeth_dangerous.png" alt="dying">
|
|
</div>
|
|
<div id="elizabeth2" class="empire">
|
|
<img src="asset/pic/elizabeth/Elizabeth_die.png" alt="死">
|
|
</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="champagne" class="dish">
|
|
<img src="asset/pic/louis16/Champagne.png" alt="香槟"
|
|
onclick="handleClick('cham');">
|
|
</div>
|
|
<div id="cheese" class="dish">
|
|
<img src="asset/pic/louis16/BrieCheese.png" alt="芝士"
|
|
onclick="handleClick('cheese');">
|
|
</div>
|
|
<div id="crepe" class="dish">
|
|
<img src="asset/pic/louis16/Crepe.png" alt="雪糕"
|
|
onclick="handleClick('crepe');">
|
|
</div>
|
|
<div id="foie-gras" class="dish">
|
|
<img src="asset/pic/louis16/FoieGras.png" alt="肥肝"
|
|
onclick="handleClick('foiegras');">
|
|
</div>
|
|
<div id="onion-soup" class="dish">
|
|
<img src="asset/pic/louis16/FrenchOnionSoup.png" alt="洋葱汤"
|
|
onclick="handleClick('onionsoup');">
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/elizabethgame.js"></script>
|
|
|
|
</body>
|
|
</html>
|
粤公网安备44010602013451号