|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
|
|
|
<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" href="css/work.css">
|
|
|
<script src="jquery-3.6.0.js" type="text/javascript"></script>
|
|
|
<script src="work.js" type="text/javascript"></script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="headbox"></div>
|
|
|
<header>
|
|
|
<ul class="navigation">
|
|
|
<li><a href="#box1">"食"食物者为俊杰</a>
|
|
|
<ul class="droplist">
|
|
|
<li><a href="#jing">精品推荐</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li><a href="#box2">"喝"护自我</a>
|
|
|
<ul class="droplist">
|
|
|
<li><a href="#bing">冰鲜柠檬水/茶</a></li>
|
|
|
<li><a href="#mang">芒果优格</a></li>
|
|
|
<li><a href="#wu">乌漆嘛黑</a></li>
|
|
|
<li><a href="#Q">Q脆椰果奶茶</a></li>
|
|
|
<li><a href="#ba">霸王桃园大满贯</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li><a href="#box3">"玩"出强大</a>
|
|
|
<ul class="droplist">
|
|
|
<li><a href="#qiao">巧手慧心</a></li>
|
|
|
<li><a href="#jian">剪纸艺术体验</a></li>
|
|
|
<li><a href="#man">曼陀罗绘画活动</a></li>
|
|
|
<li><a href="#lan">篮球联赛</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li><a href="#box4">快"乐"惠院</a>
|
|
|
<ul class="droplist">
|
|
|
<li><a href="#ping">《怦然心动》</a></li>
|
|
|
<li><a href="#bu">捕梦网</a></li>
|
|
|
<li><a href="#hui">惠院风光</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li><a href="#footer">联系我们</a></li>
|
|
|
</ul>
|
|
|
<!-- 下拉菜单 JQ -->
|
|
|
<script>
|
|
|
droplist();
|
|
|
</script>
|
|
|
</header>
|
|
|
<div class="background"><img src="imgs/background.jpg"></div>
|
|
|
<div class="top w">
|
|
|
<p class="none" id="t1">吃喝玩乐 IN 惠州学院</p>
|
|
|
<p class="none" id="t2">沉浸式生活体验</p>
|
|
|
<p class="none" id="t3">惠州市演达大道46号惠州学院</p>
|
|
|
</div>
|
|
|
<!-- 文字入场 JS-->
|
|
|
<script>
|
|
|
textup();
|
|
|
</script>
|
|
|
<div class="top2 w">
|
|
|
<div class="item1">
|
|
|
<a href="#box1"><img src="imgs/吃.png"></a>
|
|
|
</div>
|
|
|
<div class="item2">
|
|
|
<a href="#box2"><img src="imgs/喝.png"></a>
|
|
|
</div>
|
|
|
<div class="item3">
|
|
|
<a href="#box3"><img src="imgs/玩.png"></a>
|
|
|
</div>
|
|
|
<div class="item4">
|
|
|
<a href="#box4"><img src="imgs/乐.png"></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<main>
|
|
|
<!-- box1 -->
|
|
|
<span id="box1"></span>
|
|
|
<div class="box1">
|
|
|
<div class="biaoti w">
|
|
|
<p>"食"食物者为俊杰</p>
|
|
|
<img src="imgs/标题下.png" class="xia">
|
|
|
</div>
|
|
|
<!-- 小标题1 -->
|
|
|
<div class="xiaobiaoti w">
|
|
|
<p>恋爱可以慢慢谈，肉必须趁热吃</p>
|
|
|
<img src="imgs/分割.png">
|
|
|
</div>
|
|
|
<!-- 概括 -->
|
|
|
<div class="gaikuo w">
|
|
|
<div class="gaikuo_img">
|
|
|
<img src="imgs/1.jpg" class="g1">
|
|
|
<img src="imgs/5.jpg" class="g2">
|
|
|
<img src="imgs/7.jpg" class="g3">
|
|
|
</div>
|
|
|
<div class="gaikuo_p"> 叮铃 ~ 叮铃 ~ </div>
|
|
|
<div class="gaikuo_p">欢迎光临南7精品推荐店，这里只有精品~</div>
|
|
|
|
|
|
</div>
|
|
|
<!-- 小标题2 -->
|
|
|
<div class="xiaobiaoti w">
|
|
|
<p>精品推荐</p>
|
|
|
<div id="jing"></div>
|
|
|
<img src="imgs/分割.png">
|
|
|
</div>
|
|
|
<!-- 内容 -->
|
|
|
<div class="chi w">
|
|
|
<div class="good">
|
|
|
<img src="imgs/4.jpg" alt="">
|
|
|
<h3>蜜汁烤肉拌饭</h3>
|
|
|
<p>来自饭点香烤肉拌饭卤肉饭店，12.1元/份。好吃，肉多，饭多。配菜土豆丝+青菜+一半鸡蛋。惠城区蜜汁烤肉拌饭好评第一名；惠城区烤肉拌饭好评第一名；惠城区沙拉烤肉拌饭好评第一名。</p>
|
|
|
</div>
|
|
|
<div class="good">
|
|
|
<img src="imgs/5.jpg" alt="">
|
|
|
<h3>嘉士顿(中苑食堂店)</h3>
|
|
|
<p>月售9999+ ；惠城区炸鸡翅回头客第一名；惠城区汉堡套餐好评第一名；惠城区炸鸡块套餐热销第一名；惠城区炸脆皮鸡套餐热销第一名；惠州炸鸡柳回头客第一名；惠城区鸡肉卷好评第三名。惠州牛肉汉堡回头客第四名。
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="good">
|
|
|
<img src="imgs/8.jpg" alt="">
|
|
|
<h3>碳烤鸭腿双拼土耳其烤肉</h3>
|
|
|
<p>来自中苑食堂四楼的土耳其烤肉店，16元/份。碳烤鸭腿堪称一绝，肉多又好吃，一整个大鸭腿竖着切成许多块，既美观又方便。再配上烤熟后的土耳其烤肉，回味久吃不腻。配菜是 土豆丝 和 青梗菜/白菜。
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="more">
|
|
|
<div class="chi w">
|
|
|
<div class="good">
|
|
|
<img src="imgs/9.jpg" alt="">
|
|
|
<h3>黄焖鸡米饭</h3>
|
|
|
<p>来自中苑食堂四楼的美食，12元/份。有油豆腐腐竹金针菇各种搭配，辣味可选。鸡块口感鲜嫩透味不粘腻，香味浓郁。无论口感，视觉，色泽都属上品，令人回味无穷，百吃不厌。</p>
|
|
|
</div>
|
|
|
<div class="good">
|
|
|
<img src="imgs/12.jpg" alt="">
|
|
|
<h3>食全食美(惠州学院生活区店)</h3>
|
|
|
<p>月售9999+ ；惠城区盖浇饭畅销第一名。鸡腿拼茄子、青椒炒肉饭、秘制鸭腿饭、鸡扒拼肉沫豆角饭、排骨拼紫苏鸭饭、鸭腿拼麻婆豆腐饭等等，一般价格12元，好吃，但是饭少菜也少，饿死鬼慎点。
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="good">
|
|
|
<img src="imgs/2.jpg" alt="">
|
|
|
<h3>自选餐(中苑食堂1楼)</h3>
|
|
|
<p>中苑食堂的自选餐，此份的鸭腿和普通烧腊店的烧鸭不一样，口味比较独特。鸭腿很大，6元/盘。有配小透明袋方便手抓。口味鲜美，中午的鸭腿会比较新鲜，下午的味道可能会有些变化。就是会有亿点塞牙。
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="chi w">
|
|
|
<div class="good">
|
|
|
<img src="imgs/1.jpg" alt="">
|
|
|
<h3>黑椒鸡排意面</h3>
|
|
|
<p>来自中苑食堂三楼的美食，15元/份。面条爽脆可口，黑椒热爱者狂喜。由于是铁板烧，刚端上来的时候面条与砂锅接触的部分水分蒸发，发出大量的滋滋声，食欲倍增，但不可避免的最底下的面条会糊一点。
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="good">
|
|
|
<img src="imgs/11.jpg" alt="">
|
|
|
<h3>李阿姨经典热干面</h3>
|
|
|
<p>来自李阿姨热干面(中苑食堂店)，10.9元/份。李阿姨招牌，好吃很香，就是吃的时候嫌少，有点热气。惠州热干面回头客第一名；惠州热干面好评第一名；拌面品类优质商品；月售647，好评率100%。
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="good">
|
|
|
<img src="imgs/7.jpg" alt="">
|
|
|
<h3>胡椒猪肚鸡汤饭</h3>
|
|
|
<p>中苑食堂店四楼海皇餐厅唯一一个可以吃的饭。16.99元/份。一盒饭+一大碗猪肚汤+酱油包。招牌放心点，但是猪肚会有点少，味道还不错。鸡肉的肉质细嫩，滋味鲜美；猪肚爽脆弹牙。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 滑动按钮 JQ-->
|
|
|
<div class="slide w">
|
|
|
<label>点击查看/隐藏更多</label>
|
|
|
</div>
|
|
|
<script>
|
|
|
slide();
|
|
|
</script>
|
|
|
</div>
|
|
|
<!-- box2 -->
|
|
|
<span id="box2"></span>
|
|
|
<div class="box2">
|
|
|
<!-- 标题 -->
|
|
|
<div class="biaoti w">
|
|
|
<p>"喝"护自我</p>
|
|
|
<img src="imgs/标题下.png" class="xia">
|
|
|
</div>
|
|
|
<!-- 小标题 -->
|
|
|
<div class="xiaobiaoti w">
|
|
|
<p>最美的不是下雨天，是有奶茶喝的每一天。</p>
|
|
|
<img src="imgs/分割.png">
|
|
|
</div>
|
|
|
<!-- 内容 -->
|
|
|
<div class="he w">
|
|
|
<div class="he_img"><img src="imgs/13.jpg"></div>
|
|
|
<div class="he_p">
|
|
|
<h1>冰鲜柠檬水/茶(蜜雪冰城)</h1>
|
|
|
<div id="bing"></div>
|
|
|
<p>柠檬水4元/杯，柠檬红/绿茶 5元/杯。本店回头客第一名。红茶茶味浓烈厚重、茶感足；绿茶清新舒服，突出清新的口感。还有许多例如蜜桃四季春、黄桃果霸、雪王雪顶咖啡、芝士奶盖四季春，珍珠奶茶等等
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="he w">
|
|
|
<div class="he_img"><img src="imgs/14.jpg"></div>
|
|
|
<div class="he_p">
|
|
|
<h1>芒果优格(桃沏)</h1>
|
|
|
<div id="mang"></div>
|
|
|
<p>月售4432，好评率100%。6.99元/杯。热带水果的香甜浓烈，一经入口，绵密口感、带果粒的鲜芒果优格，酸酸甜甜超级好喝又解渴！相应的还有桃沏烤奶、波霸烤奶、葡萄酸奶啵啵冰等等。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 滑动按钮2 JQ-->
|
|
|
|
|
|
<script>
|
|
|
slide2();
|
|
|
</script>
|
|
|
<div class="more2">
|
|
|
<div class="he w">
|
|
|
<div class="he_img"><img src="imgs/17.jpg"></div>
|
|
|
<div class="he_p">
|
|
|
<h1>乌漆嘛黑(茶百道)</h1>
|
|
|
<div id="wu"></div>
|
|
|
<p>15元/杯。大凉山当季黑桑葚与多种鲜果（草莓柠檬凤梨）的奇妙碰撞，多重果肉清爽不腻，搭配茉莉花茶，更有独特清甜。本店销量第一名，本店回头客第三名。相应的还有招牌芋圆奶茶。豆乳玉麒麟、元气桃桃奶茶等等。
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="he w">
|
|
|
<div class="he_img"><img src="imgs/16.jpg"></div>
|
|
|
<div class="he_p">
|
|
|
<h1>Q脆椰果奶茶(TANN炭叹)</h1>
|
|
|
<div id="Q"></div>
|
|
|
<p>10.9元/杯。本店回头客，好评，销量三三第一。严选优质椰果，融入甘香顺滑的精品红茶奶茶底，口感细腻，喝起来超开心（椰果超多）。更多还有招牌波霸奶茶、波霸茉莉奶绿、黑提啵啵、老盐波波奶茶等等
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="he w">
|
|
|
<div class="he_img"><img src="imgs/15.jpg"></div>
|
|
|
<div class="he_p">
|
|
|
<h1>霸王桃园大满贯(霸王桶)(桃园三章)</h1>
|
|
|
<div id="ba"></div>
|
|
|
<p>桃园三章销量top1，好评top1,16元/杯。仙草珍珠椰果芋圆，经典底料四重奏，搭配白桃乌龙茶底，香甜可口好喝不腻。相应的还有白桃乌龙奶茶、现煮珍珠奶茶、厚芋泥撞撞奶绿等等</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 滑动按钮 -->
|
|
|
<div class="slide w">
|
|
|
<label>点击查看/隐藏更多</label>
|
|
|
</div>
|
|
|
<!-- 占位 -->
|
|
|
<span></span>
|
|
|
|
|
|
</div>
|
|
|
<span id="box3"></span>
|
|
|
<div class="box3">
|
|
|
<div class="biaoti w">
|
|
|
<p>"玩"出强大</p>
|
|
|
<img src="imgs/标题下.png" class="xia">
|
|
|
</div>
|
|
|
<!-- 小标题1 -->
|
|
|
<div class="xiaobiaoti w">
|
|
|
<p>即使天天早八也要笑着玩</p>
|
|
|
<img src="imgs/分割.png">
|
|
|
</div>
|
|
|
<!-- 内容 -->
|
|
|
<section class="w">
|
|
|
<div class="active w">
|
|
|
<img src="玩/图1.jpg" alt="no">
|
|
|
<i class="word">
|
|
|
<h1>巧手慧心，疗愈我心艺术治疗活动</h1>
|
|
|
<div id="qiao"></div>
|
|
|
<p>绘出灵动，空灵独特的空间缠绕——禅绕画，放空身心，回复平静，绘制出心灵的空间，让心灵得到释怀与祥和。这助于身心健康，让疲惫的身体得到放松，让心情恢复平静。现心理健康教育与咨询中心艺术治疗系列活动推出新活动——禅绕画，快来一起体验吧！
|
|
|
</p>
|
|
|
</i>
|
|
|
</div>
|
|
|
<div class="active active2 w">
|
|
|
<img src="玩/剪纸.png" alt="no">
|
|
|
<i class="word word2">
|
|
|
<h1>剪纸艺术体验活动</h1>
|
|
|
<div id="jian"></div>
|
|
|
<p>剪纸是一种民间艺术，也称为刻纸、窗花或剪花，讲究的是镂空美。诗人李商隐在《人日即事》中提到过：“镂金作胜川荆俗，剪彩为人起晋风。”赞扬的就是剪纸艺术之美。
|
|
|
剪纸技艺以剪为主，釆用一把剪刀一张纸，不画线不打稿，釆用现实生活和自然景物为题材进行创作，使作品构图精美细致，生动活泼，唯妙唯俏地跃然纸上。
|
|
|
</p>
|
|
|
</i>
|
|
|
</div>
|
|
|
<div class="active active3 w">
|
|
|
<img src="玩/立体纸雕.jpg" alt="no">
|
|
|
<i class="word word3">
|
|
|
<h1>曼陀罗绘画活动</h1>
|
|
|
<div id="man"></div>
|
|
|
<p>立体纸雕被形容为“一场纸与刀的华丽相逢，一次二维到三维的创造转变”能让学生们集中注意力，创新性用脑构思空间。同时，每一件纸雕作品的完成如能收到来自其他同学的赞赏，这对制作者而言，既是一种鼓励，又能增强他们的自信心，可谓健脑又健心。
|
|
|
</p>
|
|
|
</i>
|
|
|
</div>
|
|
|
</section>
|
|
|
<section class="play w">
|
|
|
<h4>第四届XH - BA篮球联赛！</h4>
|
|
|
<div id="lan"></div>
|
|
|
<em class="see w">
|
|
|
<video src="玩/第四届XH - BA篮球联赛！.mp4" controls="controls" preload="auto" poster="玩/篮球场.jpg"></video>
|
|
|
</em>
|
|
|
</section>
|
|
|
|
|
|
</div>
|
|
|
<span id="box4"></span>
|
|
|
<div class="box4">
|
|
|
<div class="biaoti w">
|
|
|
<p>快"乐"惠院</p>
|
|
|
<img src="imgs/标题下.png" class="xia">
|
|
|
</div>
|
|
|
<!-- 小标题1 -->
|
|
|
<div class="xiaobiaoti w">
|
|
|
<p>身边的朋友是谁，比目的地是哪更重要</p>
|
|
|
<img src="imgs/分割.png">
|
|
|
</div>
|
|
|
<section class="happy w">
|
|
|
<i class="film">
|
|
|
<em class="film1">
|
|
|
<img src="乐/怦然心动.jpg" alt="no">
|
|
|
<h4>《怦然心动》</h4>
|
|
|
<div id="ping"></div>
|
|
|
</em>
|
|
|
<p class="film2">在惠院，你可以和你的朋友，去看一部好电影,寻找温馨</p>
|
|
|
</i>
|
|
|
<i class="net">
|
|
|
<em class="net1">
|
|
|
<img src="乐/捕梦网.jpg" alt="no">
|
|
|
<h4>捕梦网</h4>
|
|
|
<div id="bu"></div>
|
|
|
</em>
|
|
|
<p class="net2">在惠院，你可以和你的朋友，去做一个捕梦网,寻求放松</p>
|
|
|
<em class="net3">
|
|
|
<img src="乐/捕梦网2.jpg" alt="no">
|
|
|
<h4>捕梦网</h4>
|
|
|
</em>
|
|
|
</i>
|
|
|
<i class="hzu w">
|
|
|
<p>阆苑储英</p>
|
|
|
<p>人竞向学</p>
|
|
|
<p>敦重明辨</p>
|
|
|
<p>求真致用</p>
|
|
|
</i>
|
|
|
<section class="view w">
|
|
|
<h4>惠院风光</h4>
|
|
|
<div id="hui"></div>
|
|
|
<em class="view1 w">
|
|
|
<video src="乐/春分.mp4" controls="controls" preload="auto" poster="imgs/poster.jpg"></video>
|
|
|
</em>
|
|
|
</section>
|
|
|
</section>
|
|
|
|
|
|
</div>
|
|
|
<span id="footer" class="grey"></span>
|
|
|
<!-- AJAX -->
|
|
|
<footer class="w">
|
|
|
<div class="biaoti w">
|
|
|
<p>联系我们</p>
|
|
|
<img src="imgs/结束.png" class="end">
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<textarea name="message" id="message" cols="30" rows="10" class="textarea">留下你的建议吧</textarea>
|
|
|
<form target="frameName" class="form">
|
|
|
<div><span>你的昵称：</span><input type="text" name="name" id="name"></div>
|
|
|
<div><span>联系方式：</span><input type="email" name="contact" id="contact"></div>
|
|
|
<div><span>性别：</span><input type="radio" name="sex"><span>男</span><input type="radio" name="sex"><span>女</span><input type="radio" name="sex" checked="checked"><span>保密</span></div>
|
|
|
<div><button type="submit" onclick="loadXMLDoc()">提交</button><button type="reset" onclick="location.reload()">重置</button></div>
|
|
|
</form>
|
|
|
<iframe src="" frameborder="0" name="frameName" style="display: none;"></iframe>
|
|
|
|
|
|
<div id="myDiv"></div>
|
|
|
<div id="myDiv2"></div>
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
<!-- JQ -->
|
|
|
<script>
|
|
|
value();
|
|
|
</script>
|
|
|
</main>
|
|
|
<div class="last">
|
|
|
|
|
|
</div>
|
|
|
</body>
|
|
|
|
|
|
</html> |
