101 lines
3.6 KiB
HTML
101 lines
3.6 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/nixongame.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/nixon/desk.png" alt="desktop">
|
|
</div>
|
|
|
|
<!-- empires elements-->
|
|
<div id="nixon" class="empire">
|
|
<img src="asset/pic/nixon/nixon_normal.png" alt="nixon">
|
|
</div>
|
|
<div id="nixon1" class="empire">
|
|
<img src="asset/pic/nixon/nixon_normal.png" alt="nixon">
|
|
</div>
|
|
<div id="nixon2" class="empire">
|
|
<img src="asset/pic/nixon/nixon_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/nixon/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="burger" class="dish">
|
|
<img src="asset/pic/nixon/burger.png" alt="burger"
|
|
onclick="handleClick('hamburger');">
|
|
</div>
|
|
<div id="hot_dog" class="dish">
|
|
<img src="asset/pic/nixon/hot_dog.png" alt="hot_dog"
|
|
onclick="handleClick('hotdog');">
|
|
</div>
|
|
<div id="apple_pie" class="dish">
|
|
<img src="asset/pic/nixon/apple_pie.png" alt="apple_pie"
|
|
onclick="handleClick('crepe');">
|
|
</div>
|
|
<div id="fried_chicken" class="dish">
|
|
<img src="asset/pic/nixon/fried_chicken.png" alt="fried_chicken"
|
|
onclick="handleClick('friedchicken');">
|
|
</div>
|
|
<div id="pancakes" class="dish">
|
|
<img src="asset/pic/nixon/pancakes.png" alt="pancakes"
|
|
onclick="handleClick('pancakes');">
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/nixongame.js"></script>
|
|
|
|
</body>
|
|
</html>
|
粤公网安备44010602013451号