HTML5期末大作业：我的家乡——长治(8页) HTML+CSS+JavaScript 大学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
🧡作者主页
🧡更多HTML5期末大作业集合
作品介绍
1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。
2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。
3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
文章目录
- HTML5期末大作业：我的家乡——长治(8页) HTML+CSS+JavaScript 大学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
- 🧡[作者主页](https://blog.csdn/m0_46166683?spm=1001.2101.3001.5343)
- 🧡[更多HTML5期末大作业集合](https://blog.csdn/m0_46166683/category_11428078.html)
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、学习资料
- 五、完整源码
- 六、更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>多彩非遗</title>
<link rel="stylesheet" type="text/css" href="css/guide.css">
<link rel="stylesheet" type="text/css" href="css/culture.css">
</head>
<body>
<script src="/demos/googlegg.js"></script>
<div class="1">
<div class="word">
<span><b>上党梆子</b>是山西省汉族戏曲剧种之一，山西四大梆子之一，流行于山西东南部。
因其产生和主要流布于秦汉时期的上党郡而得名。当地人称“大戏”，晋南人称“东府
戏”，河北邯郸一带称“西府调”、“泽州调”，也曾称作“上党宫调”。1954年全省首届
戏曲观摩会演时定下“上党梆子”这个名字。享有同蒲剧、晋剧同等历史的文化资格，
是上党戏的代表剧种。它在道光年间称为本地土戏，1934年赴省城太原演出时称作上
党宫调，1954年定名为上党梆子。上党梆子以演唱梆子腔为主，兼唱昆曲、皮黄、罗
罗腔、卷戏，俗称“昆梆罗卷黄”。
</span>
</div>
<div class="pic">
<img src="img/Culture/opera.jpeg" width="500px" height="300px" align="right" />
</div>
</div>
<div class="2">
<div class="word">
<span><b>潞安大鼓</b>是中国北方地区富有鲜明地域特色的汉族传统鼓书暨鼓曲形式，又称
'潞安老调'，因流行于古潞安府（今山西省长治）一带而得名，另外还有'干板腔'和'潞
安鼓书'等别称。潞安大鼓作为一种独特的民间文化艺术，传承和发展不容乐观，仍存在经
费紧张，演员流失严重等不少难以解决的问题。2006年5月20日，该曲艺经国务院批准列
入第一批国家级非物质文化遗产名录。
</span>
</div>
<div class="pic">
<img src="img/Culture/drum.jpeg" width="500px" height="300px" align="right" />
</div>
</div>
<div class="3">
<div class="word">
<span><b>黎侯虎</b>发祥于山西黎城县，因黎城古称黎侯国而得名，是黎城民间手工技艺的一朵奇
葩。黎侯虎起源于商周时期以虎为图腾的民间风俗，后经过3000年历史演变，逐步完善定型于今天集
故事、草编、刺绣、剪纸、书画于一身的独特造型。黎侯虎在民间有赐福、镇宅、生财等文化内涵，
被誉为中国第一虎。1998年农历虎年，黎侯虎被邮电部定为生肖邮票图案，它的文化内涵和历史价值
再一次引起了人们的关注。黎侯虎是发祥于山西省黎城县的传统手工艺品，因黎城古称黎侯国而得名，
是黎城县民间手工技艺的一朵奇葩。黎侯虎起源于商周时期以虎为图腾的民俗，后经过3000年历史演变
，逐步完善定型于今天集故事、草编、刺绣、剪纸、书画于一身的独特造型。
</span>
</div>
<div class="pic">
<img src="img/Culture/tiger.jpeg" width="500px" height="300px" align="right" />
</div>
</div>
<div class="nav-main">
<div class="nav-box">
<div class="nav">
<ul class="nav-ul">
<li><a href="index.html" class="home"><span>首页</span></a></li>
<li><a href="scenery1.html" class="develop"><span>晋善晋美</span></a></li>
<li><a href="scenery2.html" class="develop"><span>英雄太行</span></a></li>
<li><a href="food1.html" class="wechat"><span>唇齿留香</span></a></li>
<li><a href="food2.html" class="wechat"><span>回味无穷</span></a></li>
<li><a href="culture1.html" class="case"><span>多彩非遗</span></a></li>
<li><a href="culture2.html" class="case"><span>文化传承</span></a></li>
<li><a href="last.html" class="news"><span>长治欢迎您</span></a></li>
</ul>
</div>
<div class="nav-slide">
<div class="nav-slide-o"></div>
<div class="nav-slide-o">
<ul>
<li><a href="#"><span>太行山大峡谷</span></a></li>
<li><a href="#"><span>通天峡</span></a></li>
<li><a href="#"><span>神农滑雪场</span></a></li>
</ul>
</div>
<div class="nav-slide-o">
<ul>
<li><a href="#"><span>挂壁公路</span></a></li>
<li><a href="#"><span>八路军文化园</span></a></li>
<li><a href="#"><span>藏兵洞</span></a></li>
</ul>
</div>
<div class="nav-slide-o">
<ul>
<li><a href="#"><span>驴腊肉</span></a></li>
<li><a href="#"><span>壶关羊汤</span></a></li>
<li><a href="#"><span>潞城甩饼</span></a></li>
</ul>
</div>
<div class="nav-slide-o">
<ul>
<li><a href="#"><span>上党浇肉面</span></a></li>
<li><a href="#"><span>长子炒饼</span></a></li>
<li><a href="#"><span>长子猪头肉</span></a></li>
</ul>
</div>
<div class="nav-slide-o">
<ul>
<li><a href="#"><span>上党梆子</span></a></li>
<li><a href="#"><span>潞安大鼓</span></a></li>
<li><a href="#"><span>黎侯虎</span></a></li>
</ul>
</div>
<div class="nav-slide-o">
<ul>
<li><a href="#"><span>上党八音会</span></a></li>
<li><a href="#"><span>武乡顶灯</span></a></li>
<li><a href="#"><span>黎城剪纸</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="clear">clear</div>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function() {
var thisTime;
$('.nav-ul li').mouseleave(function(even) {
thisTime = setTimeout(thisMouseOut, 1000);
})
$('.nav-ul li').mouseenter(function() {
clearTimeout(thisTime);
var thisUB = $('.nav-ul li').index($(this));
if ($.trim($('.nav-slide-o').eq(thisUB).html()) != "") {
$('.nav-slide').addClass('hover');
$('.nav-slide-o').hide();
$('.nav-slide-o').eq(thisUB).show();
} else {
$('.nav-slide').removeClass('hover');
}
})
function thisMouseOut() {
$('.nav-slide').removeClass('hover');
}
$('.nav-slide').mouseenter(function() {
clearTimeout(thisTime);
$('.nav-slide').addClass('hover');
})
$('.nav-slide').mouseleave(function() {
$('.nav-slide').removeClass('hover');
})
})
</script>
</body>
</html>
四、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
五、完整源码
【百度网盘-源码下载地址】
链接：https://pan.baidu/s/1UdFzRE6mEKC5D1xALTMbYw
提取码：8888
六、更多源码
HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
更多推荐
HTML5期末大作业：我的家乡——长治(8页) HTML+CSS+JavaScript 大学生DW网页设计作业成品 学生HTML个人网页作业作品下载 学生家乡网
发布评论