1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？ 网页要求的总数量太多？
2.没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

​​1.网页作品简介​​ ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。总共13个页面。

​​2.网页作品编辑​​：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件(例如：​​DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++​​ 等任意HTML软件编辑修改网页)。

​​3.网页作品布局​​：网页布局整体为响应式布局、LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

​​4.网页作品技术​​：使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线 、等。 表单提交、评论留言，并使用JavaScript制作了表单判断(提交时表单不能为空)。

文章目录

  • ​​HTML5期末大作业：个人网站设计——个人博客网站模板(13页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品​​
  • ​​作品介绍​​
  • ​​一、作品展示​​
  • 1.首页
  • 2.征文比赛
  • 3.倾听世界
  • 4.叫醒耳朵
  • 5. 每日一笑
  • 6.登录注册
  • ​​二、文件目录​​
  • ​​三、代码实现​​
  • ​​四、web前端(学习资料)​​
  • ​​五、源码获取​​
  • ​​六、更多源码​​

1.首页

2.征文比赛

3.倾听世界

4.叫醒耳朵

5. 每日一笑

6.登录注册

二、文件目录

三、代码实现 

<!DOCTYPE html>
<html xmlns="http://www.w3/1999/xhtml">
<head> 
<meta property="qc:admins" content="542536566763012535145636" />    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="order by dede58/" /> 
<title>XXX网首页</title> 
<meta name="keywords" content="征文,有奖征文,征文比赛,征文比赛网,有奖征文网,征文大赛,小清新图片,每日一笑,把耳朵叫醒,XXX网" /> 
<meta name="description" content="XXX网是紧贴生活的小清新网站，近期上线的有奖征文比赛更是受到了大家的热捧，给一些热爱写作的网友提供了一个很好的平台。XXX网的宗旨是分XXX，分享爱，让更多的人在欢声笑语下得到爱的滋润为其永恒不变的主题。网站提供时下每周一期的有奖征文，小清新图片、原创文章，搞笑段子。致力打造一片供人们心灵交流的绿洲。" /> 
<meta name="viewport" content="width=1050" /> 
<link rel="stylesheet" type="text/css" href="css/common.css?v7.2" /> 
<link rel="stylesheet" type="text/css" href="css/public.css?v1" /> 
<link href="images/favicon.ico?v=0.1" mce_href="http://www.sharesmile/favicon.ico" rel="icon" type="image/x-icon" /> 
<link href="images/favicon.ico?v=0.1" mce_href="http://www.sharesmile/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
</head> 
<body> 
<div class="pb-container"> 
<div class="pb-container-main pb-after-clear"> 
<!-- 公共头部 --> 
<div class="pb-main pb-navwrap pb-after-clear"> 
<div class="pb-iblock pb-fl pb-logo"> 
<a href="index.html"><img src="images/logo.jpg" alt="XXX网LOGO 征文比赛 有奖征文" /></a> 
</div> 
<div class="pb-iblock pb-fl pb-nav"> 
<ul> 
<li><a href="index.html">首页</a></li> 
<li><a href="news.html">征文比赛</a></li> 
<li><a href="pic.html">倾听世界</a></li> 
<li><a href="ear.html">叫醒耳朵</a></li> 
<li class="pb-nav-li-last"><a href="laugh.html">每日一笑</a></li> 
</ul> 
</div> 
<div class="pb-iblock pb-fr pb-oths"> 
<a class="nmt" href="javascript:void(0);" onclick="SysmStat(2);
commonLib.SetHome(this);">设为首页</a> 
<a class="nmt" href="index.html" rel="sidebar" onclick="SysmStat(1);
commonLib.addFavorite();">收藏我们</a> 
<a class="nmt" href="suggest.html">投诉建议</a> &nbsp; 
<span class="nmt"> | </span> 
<div class="pb-ucenter pb-after-clear"> 
<div id="uMessageCenter"> 
<i class="pb-icons triangle"></i> 
<a href="/user" id="uSetEntry-head"><img src="images/default.gif" alt="阿斗" /></a> 
<i class="pb-icons notice pb-hide"></i> 
</div> 
<br /> 
<ul> 
<li><a href="/user" id="uSetEntry"><i class="pb-icons my"></i> 个人中心</a></li> 
<li><a href="/site/logout"><i class="pb-icons logout"></i> 退出登录</a></li> 
</ul> 
</div> 
<br /> 
<form action="" onsubmit="W.tips('暂未开放搜索功能，敬请期待!');
SysmStat(6);
return false;"> 
<input class="pb-search-btn" type="submit" value="" /> 
<input class="pb-search" type="text" /> 
</form> 
</div> 
</div> 
<!-- 公共头部 --> 
<!-- 当前页面内容 --> 
<link rel="stylesheet" type="text/css" href="css/jquery.slideBox.css" /> 
<link rel="stylesheet" type="text/css" href="css/index.css?v2" /> 
<div class="pb-main pb-mt10"> 
<div id="bSlideBox" class="pb-main slideBox"> 
<ul class="items"> 
<li><a target="_blank" onclick="SysmStat(46);" href="http://www.sharesmile/essay-9"><img src="images/banner_10001_3f4dac09bb.jpg" alt="开学季 开学梦想 开学展望 开学励志 九月开学 青春梦想" /></a></li> 
<li><a target="_blank" onclick="SysmStat(47);" href="http://www.sharesmile/qing"><img src="images/banner_10001_300a22a90b.jpg" alt="倾听世界,世界这么大,我想去走走" /></a></li> 
</ul> 
</div> 
</div> 

<div style="clear:both;"></div> 
<div class="pb-main pb-mt20"> 
<h3 class="idx-t1"> <a href="news.html" class="pb-clr1">征文比赛</a> </h3> 
<div class="idx-line1"> 
</div> 
<div class="idx-ycwz-1 pb-mt20 pb-after-clear"> 
<a href="news_detail.html?-10" class="pb-iblock pb-fl"> <img src="images/essay_10001_f6d8065f91.jpg" class="pb-block" alt="本期征文比赛,你如何看待高中生恋爱" /> </a> 
<div class="pb-iblock pb-fl d1"> 
<h6><a href="news_detail.html?-10" class="pb-clr1 pb-size-big">本期征文比赛 | <span>你如何看待高中生恋爱</span></a></h6> 
<div class="pb-line2 pb-mt5" style="border:0;"> 
</div> 
<ul> 
<li class="pb-mt20"> <a href="news_detail.html?-10-72"><img src="images/essay_10001_8dd1e515f2.jpg" class="pb-fl" alt="本期征文比赛文章,一种不成熟的爱" /></a> <a href="news_detail.html?-10-72" class="pb-fl rt">一种不成熟的爱 / 木目心</a> <p class="pb-iblock">高中，对于很多人来说，是一段带着自己的大学梦储备能量的征途吧，为的只是在最后一场战—</p> </li> 
<li class="pb-mt20"> <a href="news_detail.html?-10-73"><img src="images/essay_10001_bf886ee0c8.jpg" class="pb-fl" alt="本期征文比赛文章,高中.成长" /></a> <a href="news_detail.html?-10-73" class="pb-fl rt">高中.成长 / 小小一轮弯</a> <p class="pb-iblock">高中时期学业繁重，前途迷茫，空虚与不被理解成了早恋原因。当我们无法从长辈那得到理解与</p> </li> 
<li class="pb-mt20"> <a href="news_detail.html?-10-74"><img src="images/essay_10001_6e99eb35e6.jpg" class="pb-fl" alt="本期征文比赛文章,多感激，那是你" /></a> <a href="news_detail.html?-10-74" class="pb-fl rt">多感激，那是你 / Someone.</a> <p class="pb-iblock">“看着今天的朝阳又是金碧辉煌一大片，我突然很想吃姥姥家的炸鸡排，外焦里嫩，老大一个，</p> </li> 
</ul> 
</div> 
<!--右侧我要投稿公共部分--> 
<div class="pb-iblock pb-fr pb-after-clear pb-main-side"> 
<img src="images/icon_tougaoyouqian.jpg" class="pb-block" alt="征文比赛 有奖征文" /> 
<h6 class="pb-mt15 pb-clr1 pb-size-big">下期专题</h6> 
<div class="pb-line2 pb-mt5"> 
</div> 
<a class="tle pb-mt5" href="news_detail.html?/add">年味为什么越来越淡了</a> 
<div class="pb-line2 pb-mt5"> 
</div> 
<h6 class="pb-mt15"> <span class="pb-clr1 pb-size-normal">已投稿 <i class="tougao">2</i></span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="javascript:Sys.showRuleDiv();" class="pb-clr1 pb-size-small pb-underline">获奖规则</a> </h6> 
<a class="but pb-clr1 pb-size-normal pb-mt15" href="news_detail.html?/add">有奖征文</a> 
</div> 
<!--右侧我要投稿公共部分--> 
</div> 
<div class="idx-ycwz-1 pb-mt50 pb-after-clear"> 
<div class="idx-last-board pb-fl"> 
<a href="news_detail.html?-9"><img src="images/essay_10001_2c1098e1a2.jpg" class="pb-block" alt="上期征文比赛,上期有奖征文, 开学与青春或梦想" /></a> 
<span class="pb-size-normal pb-block pb-mt15">上期专题</span> 
<a class="pb-size-normal pb-mt5 pb-block" href="news_detail.html?-9">开学与青春或梦想</a> 
</div> 
<div class="pb-iblock pb-fl d1"> 
<h6><a href="news_detail.html?-9" class="pb-clr1 pb-size-big">上期获奖作品 | <span>完整榜单</span></a></h6> 
<div class="pb-line2 pb-mt5"> 
</div> 
<ul class="pb-mt15 rank"> 
<li class="pb-iblock pb-mt8"> <span class="pb-fl pb-mt10 no">1</span> <a href="/user-10348"> 
<dl class="pb-fl"> 
<dt>
<img src="images/head_10348_57fbdd4d36.jpg" class="pb-block" alt="参加征文比赛作者,小红楼" />
</dt> 
<dd>
                                                小红楼
</dd> 
</dl> </a> <a href="news_detail.html?-9-58" class="pb-fl pb-block pb-size-normal title">开学，路过了我整个青春</a> <span class="pb-fr dollar">$30</span> </li> 
<li class="pb-iblock pb-mt8"> <span class="pb-fl pb-mt10 no">2</span> <a href="/user-10393"> 
<dl class="pb-fl"> 
<dt>
<img src="images/default.gif" class="pb-block" alt="参加征文比赛作者,橙子" />
</dt> 
<dd>
                                                橙子
</dd> 
</dl> </a> <a href="news_detail.html?-9-62" class="pb-fl pb-block pb-size-normal title">那一年的散伙饭 是我们无</a> <span class="pb-fr dollar">$20</span> </li> 
<li class="pb-iblock pb-mt8"> <span class="pb-fl pb-mt10 no">3</span> <a href="/user-10394"> 
<dl class="pb-fl"> 
<dt>
<img src="images/head_10394_2448d2c4b3.jpg" class="pb-block" alt="参加征文比赛作者,马琳娜55" />
</dt> 
<dd>
                                                马琳娜55
</dd> 
</dl> </a> <a href="news_detail.html?-9-63" class="pb-fl pb-block pb-size-normal title">寻常过往，转瞬成殇</a> <span class="pb-fr dollar">$10</span> </li> 
</ul> 
</div> 
<div class="pb-main-side pb-iblock pb-after-clear pb-fr"> 
<h6 class="pb-clr1 pb-size-big">征文排行</h6> 
<div class="pb-line2 pb-mt5"> 
</div> 
<ul class="pb-mt10 previous-term pb-size-normal"> 
<li> <span>.</span> <a href="news_detail.html?-8-55">有一种毕业，叫先走一步</a> 
<div class="pb-line2"> 
</div> </li> 
<li> <span>.</span> <a href="news_detail.html?-4-27">用今生的修行 为你们的来生祈福</a> 
<div class="pb-line2"> 
</div> </li> 
<li> <span>.</span> <a href="news_detail.html?-3-16">我的初恋</a> 
<div class="pb-line2"> 
</div> </li> 
<li> <span>.</span> <a href="news_detail.html?-6-45">当你老了</a> 
<div class="pb-line2"> 
</div> </li> 
<li> <span>.</span> <a href="news_detail.html?-7-50">我就在这里旅行，给你讲沿途的风景</a> 
<div class="pb-line2"> 
</div> </li> 
<li> <span>.</span> <a href="news_detail.html?-6-43">有多少爱可以重来</a> 
<div class="pb-line2"> 
</div> </li> 
<li> <span>.</span> <a href="news_detail.html?-4-28">我的“天空之城”</a> 
<div class="pb-line2"> 
</div> </li> 
</ul> 
</div> 
</div> 
<h3 class="idx-t2 pb-mt50 pb-clr1">往期征文</h3> 
<div class="pb-line2 pb-mt5"> 
</div> 
<div class="idx-wqzt pb-mt15 pb-after-clear"> 
<ul class="idx-wqzt pb-mt10"> 
<li> 
<dl> 
<dt> 
<a href="news_detail.html?-8"><img alt="毕业季 校园时代 七月校园 离别气息" src="images/essay_10001_b959107f8b.jpg" /></a> 
</dt> 
<dd>
<a href="news_detail.html?-8">游走在毕业的季节</a>
</dd> 
</dl> </li> 
<li> 
<dl> 
<dt> 
<a href="news_detail.html?-7"><img alt="去旅行，装满爱，夏天旅行，夏天旅游" src="images/essay_10001_ed83e14b8a.png" /></a> 
</dt> 
<dd>
<a href="news_detail.html?-7">装满爱，去旅行</a>
</dd> 
</dl> </li> 
<li> 
<dl> 
<dt> 
<a href="news_detail.html?-6"><img alt="有奖征文，征文比赛，XXX网有奖征文比赛，第六期有奖征文，有奖征文之飘着淡淡粽香的父亲节，征文专题之飘着淡淡粽香的父亲节，端午节和父亲节感想，端午节感想，父亲节感想" src="images/essay_10001_183a4e95ad.jpg" /></a> 
</dt> 
<dd>
<a href="news_detail.html?-6">飘着淡淡粽香的父亲节</a>
</dd> 
</dl> </li> 
<li> 
<dl> 
<dt> 
<a href="news_detail.html?-5"><img alt="有奖征文，征文比赛，XXX网有奖征文比赛，第五期有奖征文，有奖征文之东方之星之痛，征文专题之东方之星之痛，东方之星沉船之痛，东方之星沉船" src="images/essay_10001_8d58c19a60.jpg" /></a> 
</dt> 
<dd>
<a href="news_detail.html?-5">东方之星之痛</a>
</dd> 
</dl> </li> 
<li style="margin-right:0;"> 
<dl> 
<dt> 
<a href="news_detail.html?-4"><img alt="有奖征文，征文比赛，XXX网有奖征文比赛，第四期有奖征文，有奖征文之你和你的城，征文专题之你和你的城" src="images/essay_10001_0ba5781188.jpg" /></a> 
</dt> 
<dd>
<a href="news_detail.html?-4">你和你的城</a>
</dd> 
</dl> </li> 
</ul> 
</div> 
<h3 class="idx-qtsj-t pb-mt50"> 
<div class="inx-qtsj-line pb-fr"></div> 
<div class="inx-qtsj-line pb-fl"></div> <a href="pic.html"> <span class="chn">倾听世界</span> <br /> <span class="eng">LISTEN TO THE WORLD</span> </a> </h3> 
<div class="idx-qtsj pb-mt20 pb-after-clear"> 
<ul> 
<li> <a href="pic_detail.html?1"> <img src="images/qing_10001_7b053ee001_310.jpg" class="pb-block" style="width:200px;" alt="美女,清纯唯美写真合集" /> </a> 
<table class="pb-opac70"> 
<tbody>
<tr> 
<td class="tle">美女</td> 
<td class="num">+35</td> 
</tr> 
</tbody>
</table> </li> 
<li> <a href="pic_detail.html?3"> <img src="images/qing_10001_2278c48f96_310.jpg" class="pb-block" style="width:200px;" alt="旅行,也许我就是一块老墨" /> </a> 
<table class="pb-opac70"> 
<tbody>
<tr> 
<td class="tle">旅行</td> 
<td class="num">+54</td> 
</tr> 
</tbody>
</table> </li> 
<li> <a href="pic_detail.html?4"> <img src="images/qing_9999_6963913fb8_310.jpg" class="pb-block" style="width:200px;" alt="搞笑,证件照" /> </a> 
<table class="pb-opac70"> 
<tbody>
<tr> 
<td class="tle">搞笑</td> 
<td class="num">+74</td> 
</tr> 
</tbody>
</table> </li> 
<li> <a href="pic_detail.html?6"> <img src="images/qing_10001_3f5af7636f_310.jpg" class="pb-block" style="width:200px;" alt="性感,XXX网2015-5-30#325806#" /> </a> 
<table class="pb-opac70"> 
<tbody>
<tr> 
<td class="tle">性感</td> 
<td class="num">+33</td> 
</tr> 
</tbody>
</table> </li> 
<li style="margin-right:0;"> <a href="pic_detail.html?7"> <img src="images/qing_10001_5502d62ca8_310.jpg" class="pb-block" style="width:200px;" alt="情感,爱情就是一百多年的孤寂" /> </a> 
<table class="pb-opac70"> 
<tbody>
<tr> 
<td class="tle">情感</td> 
<td class="num">+36</td> 
</tr> 
</tbody>
</table> </li> 
<li> <a href="pic_detail.html?10"> <img src="images/qing_10001_bcf83a76ac_310.jpg" class="pb-block" style="width:200px;" alt="艺术,中国书法家【郝天明】书法新作(妙笔生辉" /> </a> 
<table class="pb-opac70"> 
<tbody>
<tr> 
<td class="tle">艺术</td> 
<td class="num">+25</td> 
</tr> 
</tbody>
</table> </li> 
<li> <a href="pic_detail.html?13"> <img src="images/qing_10001_8b07d372b1_310.jpg" class="pb-block" style="width:200px;" alt="漫画,XXX网2015-6-8#529409#" /> </a> 
<table class="pb-opac70"> 
<tbody>
<tr> 
<td class="tle">漫画</td> 
<td class="num">+26</td> 
</tr> 
</tbody>
</table> </li> 
<li> <a href="pic_detail.html?15"> <img src="images/qing_10001_7610be26ad_310.jpg" class="pb-block" style="width:200px;" alt="超萌,步调一致" /> </a> 
<table class="pb-opac70"> 
<tbody>
<tr> 
<td class="tle">超萌</td> 
<td class="num">+41</td> 
</tr> 
</tbody>
</table> </li> 
<li> <a href="pic_detail.html?22"> <img src="images/qing_9999_578544d87f_310.jpg" class="pb-block" style="width:200px;" alt="回忆,如果你喜欢的人不喜欢你,那么就算全世界的人都喜欢你 也还是会觉得很孤单吧。" /> </a> 
<table class="pb-opac70"> 
<tbody>
<tr> 
<td class="tle">回忆</td> 
<td class="num">+33</td> 
</tr> 
</tbody>
</table> </li> 
<li style="margin-right:0;"> <a href="pic_detail.html?24"> <img src="images/qing_10001_4f8ce7bfa4_310.jpg" class="pb-block" style="width:200px;" alt="清新,最大的遗憾" /> </a> 
<table class="pb-opac70"> 
<tbody>
<tr> 
<td class="tle">清新</td> 
<td class="num">+75</td> 
</tr> 
</tbody>
</table> </li> 
</ul> 
</div> 
<div style="clear:both;"></div> 
<h3 class="idx-t1 pb-mt50"> <a href="laugh.html" class="pb-clr1">每日一笑</a> </h3> 
<div class="idx-line1"> 
</div> 
<div class="idx-mryx pb-mt20 pb-after-clear"> 
<div class="d1 pb-fl"> 
<img src="images/b_smile_left.jpg" class="pb-fl" alt="最新搞笑段子,每日一笑" /> 
<a href="laugh.html" class="tle pb-fl pb-clr1">搞笑段子&nbsp;&nbsp;|&nbsp;&nbsp; <span class="pb-clr2">更多</span></a> 
<ul class="pb-mt15 pb-fl pb-size-normal"> 
<li> <span>.</span> <a href="/jokes-5-4758">家里的电要交电费</a> </li> 
<li> <span>.</span> <a href="/jokes-5-4757">要把学校当成自己家</a> </li> 
<li> <span>.</span> <a href="/jokes-5-4756">别耽误老娘我做生意</a> </li> 
<li> <span>.</span> <a href="/jokes-5-4755">那是我妈</a> </li> 
<li> <span>.</span> <a href="/jokes-5-4754">东邪西毒</a> </li> 
<li> <span>.</span> <a href="/jokes-5-4753">马上过年了</a> </li> 
</ul> 
</div> 
<div class="d1 pb-fl d1-2"> 
<img src="images/b_smile_left1.jpg" class="pb-fl" alt="本周搞笑段子排行榜,笑话排,每日一笑" /> 
<a href="/jokes?priority=pop" class="tle pb-fl pb-clr1">笑话排行&nbsp;&nbsp;|&nbsp;&nbsp; <span class="pb-clr2">更多</span></a> 
<ul class="pb-mt15 pb-fl pb-size-normal"> 
<li> <span>.</span> <a href="/jokes-5-4749">看朋友们晒从小到大的照片，</a> </li> 
<li> <span>.</span> <a href="/jokes-5-4754">东邪西毒</a> </li> 
<li> <span>.</span> <a href="/jokes-5-4750">昨天晚上</a> </li> 
<li> <span>.</span> <a href="/jokes-5-4751">什么是尴尬</a> </li> 
<li> <span>.</span> <a href="/jokes-5-4752">前几天我在火车站等车</a> </li> 
<li> <span>.</span> <a href="/jokes-5-4753">马上过年了</a> </li> 
</ul> 
</div> 
<div class="d2 pb-fr"> 
<img class="pb-block" src="images/b_smile_right.jpg" alt="少儿不宜搞笑段子,超级内涵搞笑段子，校园搞笑段子,生活中的搞笑段子" /> 
<table class="pb-mt10"> 
<tbody>
<tr> 
<td><a href="laugh.html">各种口味</a></td> 
<td><a href="/jokes-2">少儿不宜</a></td> 
<td><a href="/jokes-4">超级内涵</a></td> 
</tr> 
<tr> 
<td><a href="/jokes-1">图片笑话</a></td> 
<td><a href="/jokes-5">贴近生活</a></td> 
<td><a href="/jokes-3">校园趣闻</a></td> 
</tr> 
</tbody>
</table> 
</div> 
</div> 
<div style="clear:both;"></div> 
<h3 class="idx-t1 pb-mt50"> <a href="http://www.lanrenzhijia/"" class="pb-clr1">叫醒耳朵</a> </h3> 
<div class="idx-line1"> 
</div> 
<div class="idx-jxed pb-mt20 pb-after-clear"> 
<div class="pb-fl d1"> 
<ul> 
<li> <img class="pb-fl" src="images/b_jxed_l1.jpg" alt="把耳朵叫醒,爱他们的时候我们像条狗,扣子" /> 
<dl class="pb-fl"> 
<dt>
<a href="pic_detail.html?show/241">爱他们的时候我们像条狗</a>
</dt> 
<dd class="author">
主播：扣子
</dd> 
<dd class="cnt">
所有的女朋友里，我最喜欢老夏。因为她和我像，高贵冷艳俗气，俗到骨子里。我们总是在夏天刚开始的那几天去富民路和巨鹿路路口的酒吧。那有一棵著名大 ... 
</dd> 
<dd class="ap"> 
<span class="auplayer" id="auplayer_241" f="L3B1YmxpYy9wbGF5ZXIvMjAxNTA1L2F0ZHNod214dGcubXAz>" a="扣子" t="爱他们的时候我们像条狗"></span> 
</dd> 
</dl> </li> 
<li class="pb-mt40"> <img class="pb-fl" src="images/b_jxed_l2.jpg" alt="把耳朵叫醒,爱你的第九年,这是你不必详知的事情,NJ楚璇" /> 
<dl class="pb-fl"> 
<dt>
<a href="pic_detail.html?show/240">爱你的第九年,这是你不必详知的事情</a>
</dt> 
<dd class="author">
                                            主播：NJ楚璇
</dd> 
<dd class="cnt">
                                            爱你的第九年,这是你不必详知的事情人生是一场旅行，你路过我，我路过你，若有缘可结伴一生；无缘，只能各自修行，各自向前，然后在错过的时光年轮里 ... 
</dd> 
<dd class="ap"> 
<span class="auplayer" id="auplayer_240" f="L3B1YmxpYy9wbGF5ZXIvMjAxNTA1L2FpbmlkZWRpaml1bmlhbi5tcDM=>" a="NJ楚璇" t="爱你的第九年,这是你不必详知的事情"></span> 
</dd> 
</dl> </li> 
</ul> 
</div> 
<div class="d2 pb-fr"> 
<dl> 
<dt> 
<a href="/weekly-1-2"> <img src="images/post_10001_c1be1e419b.jpg" alt="征文比赛,有奖征文,第二期：回首这匆匆十年" /> </a> 
</dt> 
<dd class="term pb-size-big">
                                    第二期
</dd> 
<dd class="tle">
<a href="/weekly-1-2">第二期：回首这匆匆十年</a>
</dd> 
</dl> 
</div> 
</div> 
<script>
$(document).ready(function() {
AudioPlayer.setup("js/player.swf", {
width: 300,
initialvolume: 100
                            });
$(".auplayer").each(function() {
AudioPlayer.embed($(this).attr('id'), {
soundFile: $(this).attr('f'),
titles: $(this).attr('t'),
artists: $(this).attr('a'),
autostart: "no",
loop: "no"
                                });
                            });
                        });
</script> 
</div> 
<script type="text/javascript" src="js/jquery.slideBox.js"></script> 
<script type="text/javascript" src="js/ap.js"></script> 
<script>
$(document).ready(function() {
$(".idx-qtsj li").hover(function() {
$(this).find('table').stop().animate({'bottom': '-40px'}, 500);
                         }, function() {
$(this).find('table').stop().animate({'bottom': '0px'}, 500);
                         });
                     });
</script> 
<!-- 当前页面内容结束 --> 
</div> 
<!-- 公共尾部 --> 
<div style="clear:both;"></div> 
<div class="pb-footer"> 
<div class="pb-footer-wp"> 
<div class="pb-main pb-footer-cnt pb-size-small"> 
<span class="pb-fl">&copy; 2020 深圳市XXX网科技有限公司版权所有 粤 icp 备 XXX 号</span> 
<ul class="pb-fr"> 
<li><a href="http://www.whzcwl" target="_blank">志诚网络</a></li> 
<li><a href="http://wpa.qq/msgrd?v=1&uin=2338601847&site=www.sharesmile&menu=yes">版权声明</a></li> 
<li><a href="http://wpa.qq/msgrd?v=1&uin=2338601847&site=www.sharesmile&menu=yes">客服中心</a></li> 
<li><a href="http://wpa.qq/msgrd?v=1&uin=2338601847&site=www.sharesmile&menu=yes">联系我们</a></li> 
</ul> 
</div> 
</div> 
</div> 
<!-- 公共尾部 --> 
<div class="ssretotop" id="goTopButton"> 
<div class="SG-sidecont"> 
<a style="visibility: visible;" href="javascript:;" id="gotonext"></a> 
<a id="retotop" class="pb-icons" href="javascript:void(0)" style="visibility: visible;" title="点击我 坐飞机到顶部"></a> 
<a href="javascript:;" id="gotopre"></a> 
</div> 
</div> 
</div> 
<script id="tpl-pb-rule" type="text/x-jsmart-tmpl">
            <img src="images/rule.gif" alt="获奖规则"/>
            <a href="javascript:top.window.location.href='/user#go=cash';" style="position: absolute; cursor:pointer;height: 24px; width: 72px; left: 730px; top: 494px; display:inline-block;background:#fff;opacity:0; filter:alpha(opacity=0);"></a>

    </body>
</html>

​​web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)​​

适合入门到高级的童鞋们入手~​​送1000套HTML+CSS+JavaScript模板网站​​

❉ 2.​​关注我​​ ~ 每天带你学习 :各种前端插件、七夕表白网页制作、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、web期末大作业模板 、等!

六、更多源码

500多例 ​​HTML5期末考核大作业源码​​ 包含 ​​个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他​​ 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

更多推荐

HTML5期末大作业：大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载...