常見網(wǎng)頁設(shè)計作業(yè)題材有 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML5+CSS大作業(yè)——學生個人博客(5頁) 大學生個人博客網(wǎng)頁作品 網(wǎng)頁設(shè)計作業(yè)模

HTML5+CSS大作業(yè)——學生個人博客(5頁) 大學生個人博客網(wǎng)頁作品 網(wǎng)頁設(shè)計作業(yè)模

時間:2023-10-16 11:36:02 | 來源:網(wǎng)站運營

時間:2023-10-16 11:36:02 來源:網(wǎng)站運營

HTML5+CSS大作業(yè)——學生個人博客(5頁) 大學生個人博客網(wǎng)頁作品 網(wǎng)頁設(shè)計作業(yè)模板 學生網(wǎng)頁制作源代碼下載:

常見網(wǎng)頁設(shè)計作業(yè)題材有 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 等網(wǎng)頁設(shè)計題目, A+水平作業(yè), 可滿足大學生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!

獲取更多源碼

*PC電腦端關(guān)注我們***

作者主頁-更多源碼

HTML期末大作業(yè)文章專欄

@TOC

一、作品展示







二、文件目錄







三、代碼實現(xiàn)

<!DOCTYPE HTML><html><head><title>老王個人博客 — 一個站在java開發(fā)之路上的草根程序員個人博客網(wǎng)站</title><meta charset="utf-8"><meta name="renderer" content="webkit|ie-comp|ie-stand"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="keywords" content="個人博客,王風宇個人博客,個人博客系統(tǒng),老王博客,王風宇"><meta name="description" content="Lao王博客系統(tǒng),一個站在java開發(fā)之路上的草根程序員個人博客網(wǎng)站。"><LINK rel="Bookmark" href="favicon.ico" ><LINK rel="Shortcut Icon" href="favicon.ico" /><!--[if lt IE 9]><script type="text/javascript" src="/staticRes/js/html5shiv.js"></script><script type="text/javascript" src="/staticRes/js/respond.min.js"></script><![endif]--><link rel="stylesheet" type="text/css" href="plugin/h-ui/css/H-ui.min.css" /><link rel="stylesheet" type="text/css" href="plugin/Hui-iconfont/1.0.8/iconfont.min.css" /><link rel="stylesheet" type="text/css" href="css/common.css" /><link rel="stylesheet" type="text/css" href="plugin/pifu/pifu.css" /><!--[if lt IE 9]><link href="/staticRes/lib/h-ui/css/H-ui.ie.css" rel="stylesheet" type="text/css" /><![endif]--><script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } function showSide(){$('.navbar-nav').toggle();}</script></head><body><header class="navbar-wrapper"> <div class="navbar navbar-fixed-top"> <div class="container cl"> <a class="navbar-logo hidden-xs" href="http://www.wfyvv.com"> <img class="logo" src="img/logo.png" alt="Lao王博客" /> </a> <a class="logo navbar-logo-m visible-xs" href="/">Lao王博客</a> <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:void(0);" onclick="showSide();">&#xe667;</a> <nav class="nav navbar-nav nav-collapse w_menu" role="navigation"> <ul class="cl"> <li class="active"> <a href="index.html" data-hover="首頁">首頁</a> </li> <li> <a href="about.html" data-hover="關(guān)于我">關(guān)于我</a> </li> <li> <a href="mood.html" data-hover="碎言碎語">碎言碎語</a> </li> <li><a href="article.html" data-hover="學無止盡">學無止盡</a></li> <li> <a href="board.html" data-hover="留言板">留言板</a> </li> </ul> </nav> <nav class="navbar-nav navbar-userbar hidden-xs hidden-sm " style="top: 0;"> <ul class="cl"> <li class="userInfo dropDown dropDown_hover"> <!--<a href="javascript:;" ><img class="avatar radius" src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt="丶似淺 "></a> <ul class="dropDown-menu menu radius box-shadow"> <li><a href="/app/loginOut">退出</a></li> </ul>--> <a href="/app/qq" onclick="layer.msg('正在通過QQ登入', {icon:16, shade: 0.1, time:0})" ><img class="avatar size-S" src="img/qq.jpg" title="登入">登入</a> </li> </ul> </nav> </div> </div></header><section class="container pt-20"> <!--<div class="Huialert Huialert-info"><i class="Hui-iconfont">&#xe6a6;</i>成功狀態(tài)提示</div>--> <!--left--> <div class="col-sm-9 col-md-9"> <!--滾動圖--> <div class="slider_main"> <div class="slider"> <div class="bd"> <ul> <li><a href="#" target="_blank"><img src="img/temp/banner1.jpg"></a></li> <li><a href="#" target="_blank"><img src="img/temp/banner8.png"></a></li> </ul> </div> <ol class="hd cl dots"> <li>1</li> <li>2</li> </ol> <a class="slider-arrow prev" href="javascript:void(0)"></a> <a class="slider-arrow next" href="javascript:void(0)"></a> </div> </div> <div class="mt-20 bg-fff box-shadow radius mb-5"> <div class="tab-category"> <a href=""><strong class="current">最新發(fā)布</strong></a> </div> </div> <div class="art_content"> <ul class="index_arc"> <li class="index_arc_item"> <a href="#" class="pic"> <img class="lazyload" data-original="temp/art.jpg" alt="應該選" /> </a> <h4 class="title"><a href="article_detail.html">個人博客應該選擇什么樣的域名和域名后綴</a></h4> <div class="date_hits"> <span>老王</span> <span>2017-02-24</span> <span><a href="/article-lists/10.html">程序人生</a></span> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> <p class="commonts"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> <span class="cy_cmt_count">20</span></p> </div> <div class="desc">不論搭建什么樣的網(wǎng)站,選擇一個好的域名都是很有必要的,選擇一個好的域名對網(wǎng)站的意義也是不言而喻的。每一個網(wǎng)站都有之對應的域名,就像人的名字一樣。每個人都想自己有個好聽的名字,網(wǎng)站也是一樣。一個網(wǎng)站可以有多個域名,但是一個域名只能對應一個網(wǎng)站。&nbsp;一、域名要好記,方便輸入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意義就是為了人們方便記憶才使用的,不然都用IP地址就好了。所以,網(wǎng)站域名一定要選擇好記憶的。因為域名是</div> </li> <li class="index_arc_item no_pic"> <h4 class="title"><a href="/article/5.html">個人博客應該選擇什么樣的域名和域名后綴</a></h4> <div class="date_hits"> <span>老王</span> <span>2個月前</span> <span><a href="/article-lists/10.html">建站</a></span> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276 °</p> <p class="commonts"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">20</span></p> </div> <div class="desc"> 不論搭建什么樣的網(wǎng)站,選擇一個好的域名都是很有必要的,選擇一個好的域名對網(wǎng)站的意義也是不言而喻的。每一個網(wǎng)站都有之對應的域名,就像人的名字一樣。每個人都想自己有個好聽的名字,網(wǎng)站也是一樣。一個網(wǎng)站可以有多個域名,但是一個域名只能對應一個網(wǎng)站。&nbsp;一、域名要好記,方便輸入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意義就是為了人們方便記憶才使用的,不然都用IP地址就好了。所以,網(wǎng)站域名一定要選擇好記憶的。因為域名是</div> </li> <li class="index_arc_item"> <a href="/article/4" class="pic"> <img class="lazyload" data-original="temp/art.jpg" alt="centos 6.5 nginx安裝及配置" > </a> <h4 class="title"><a href="/article/4">centos 6.5 nginx安裝及配置</a></h4> <div class="date_hits"> <span>老王</span> <span>2017-3-15</span> <span> <a href="/article?t=1">程序人生</a> </span> <p class="hits"><i class="Hui-iconfont" title="點擊量"></i> 13° </p> <p class="commonts"><i class="Hui-iconfont" title="評論"></i> <span class="cy_cmt_count">0</span></p> </div> <div class="desc">linux環(huán)境中nginx安裝及配置簡要概述。。。</div> </li> <li class="index_arc_item"> <a href="#" class="pic"> <img class="lazyload" data-original="temp/art.jpg" alt="應該選" /> </a> <h4 class="title"><a href="article_detail.html">個人博客應該選擇什么樣的域名和域名后綴</a></h4> <div class="date_hits"> <span>老王</span> <span>2017-02-24</span> <span><a href="/article-lists/10.html">程序人生</a></span> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> <p class="commonts"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> <span class="cy_cmt_count">20</span></p> </div> <div class="desc">不論搭建什么樣的網(wǎng)站,選擇一個好的域名都是很有必要的,選擇一個好的域名對網(wǎng)站的意義也是不言而喻的。每一個網(wǎng)站都有之對應的域名,就像人的名字一樣。每個人都想自己有個好聽的名字,網(wǎng)站也是一樣。一個網(wǎng)站可以有多個域名,但是一個域名只能對應一個網(wǎng)站。&nbsp;一、域名要好記,方便輸入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意義就是為了人們方便記憶才使用的,不然都用IP地址就好了。所以,網(wǎng)站域名一定要選擇好記憶的。因為域名是</div> </li> <li class="index_arc_item no_pic"> <h4 class="title"><a href="/article/5.html">個人博客應該選擇什么樣的域名和域名后綴</a></h4> <div class="date_hits"> <span>老王</span> <span>2個月前</span> <span><a href="/article-lists/10.html">建站</a></span> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276 °</p> <p class="commonts"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">20</span></p> </div> <div class="desc"> 不論搭建什么樣的網(wǎng)站,選擇一個好的域名都是很有必要的,選擇一個好的域名對網(wǎng)站的意義也是不言而喻的。每一個網(wǎng)站都有之對應的域名,就像人的名字一樣。每個人都想自己有個好聽的名字,網(wǎng)站也是一樣。一個網(wǎng)站可以有多個域名,但是一個域名只能對應一個網(wǎng)站。&nbsp;一、域名要好記,方便輸入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意義就是為了人們方便記憶才使用的,不然都用IP地址就好了。所以,網(wǎng)站域名一定要選擇好記憶的。因為域名是</div> </li> <li class="index_arc_item"> <a href="/article/4" class="pic"> <img class="lazyload" data-original="temp/art.jpg" alt="centos 6.5 nginx安裝及配置" > </a> <h4 class="title"><a href="/article/4">centos 6.5 nginx安裝及配置</a></h4> <div class="date_hits"> <span>老王</span> <span>2017-3-15</span> <span> <a href="/article?t=1">程序人生</a> </span> <p class="hits"><i class="Hui-iconfont" title="點擊量"></i> 13° </p> <p class="commonts"><i class="Hui-iconfont" title="評論"></i> <span class="cy_cmt_count">0</span></p> </div> <div class="desc">linux環(huán)境中nginx安裝及配置簡要概述。。。</div> </li> <li class="index_arc_item"> <a href="#" class="pic"> <img class="lazyload" data-original="temp/art.jpg" alt="應該選" /> </a> <h4 class="title"><a href="article_detail.html">個人博客應該選擇什么樣的域名和域名后綴</a></h4> <div class="date_hits"> <span>老王</span> <span>2017-02-24</span> <span><a href="/article-lists/10.html">程序人生</a></span> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> <p class="commonts"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> <span class="cy_cmt_count">20</span></p> </div> <div class="desc">不論搭建什么樣的網(wǎng)站,選擇一個好的域名都是很有必要的,選擇一個好的域名對網(wǎng)站的意義也是不言而喻的。每一個網(wǎng)站都有之對應的域名,就像人的名字一樣。每個人都想自己有個好聽的名字,網(wǎng)站也是一樣。一個網(wǎng)站可以有多個域名,但是一個域名只能對應一個網(wǎng)站。&nbsp;一、域名要好記,方便輸入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意義就是為了人們方便記憶才使用的,不然都用IP地址就好了。所以,網(wǎng)站域名一定要選擇好記憶的。因為域名是</div> </li> <li class="index_arc_item no_pic"> <h4 class="title"><a href="/article/5.html">個人博客應該選擇什么樣的域名和域名后綴</a></h4> <div class="date_hits"> <span>老王</span> <span>2個月前</span> <span><a href="/article-lists/10.html">建站</a></span> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276 °</p> <p class="commonts"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">20</span></p> </div> <div class="desc"> 不論搭建什么樣的網(wǎng)站,選擇一個好的域名都是很有必要的,選擇一個好的域名對網(wǎng)站的意義也是不言而喻的。每一個網(wǎng)站都有之對應的域名,就像人的名字一樣。每個人都想自己有個好聽的名字,網(wǎng)站也是一樣。一個網(wǎng)站可以有多個域名,但是一個域名只能對應一個網(wǎng)站。&nbsp;一、域名要好記,方便輸入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意義就是為了人們方便記憶才使用的,不然都用IP地址就好了。所以,網(wǎng)站域名一定要選擇好記憶的。因為域名是</div> </li> <li class="index_arc_item"> <a href="/article/4" class="pic"> <img class="lazyload" data-original="temp/art.jpg" alt="centos 6.5 nginx安裝及配置" > </a> <h4 class="title"><a href="/article/4">centos 6.5 nginx安裝及配置</a></h4> <div class="date_hits"> <span>老王</span> <span>2017-3-15</span> <span> <a href="/article?t=1">程序人生</a> </span> <p class="hits"><i class="Hui-iconfont" title="點擊量"></i> 13° </p> <p class="commonts"><i class="Hui-iconfont" title="評論"></i> <span class="cy_cmt_count">0</span></p> </div> <div class="desc">linux環(huán)境中nginx安裝及配置簡要概述。。。</div> </li> <li class="index_arc_item"> <a href="#" class="pic"> <img class="lazyload" data-original="temp/art.jpg" alt="應該選" /> </a> <h4 class="title"><a href="article_detail.html">個人博客應該選擇什么樣的域名和域名后綴</a></h4> <div class="date_hits"> <span>老王</span> <span>2017-02-24</span> <span><a href="/article-lists/10.html">程序人生</a></span> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> <p class="commonts"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> <span class="cy_cmt_count">20</span></p> </div> <div class="desc">不論搭建什么樣的網(wǎng)站,選擇一個好的域名都是很有必要的,選擇一個好的域名對網(wǎng)站的意義也是不言而喻的。每一個網(wǎng)站都有之對應的域名,就像人的名字一樣。每個人都想自己有個好聽的名字,網(wǎng)站也是一樣。一個網(wǎng)站可以有多個域名,但是一個域名只能對應一個網(wǎng)站。&nbsp;一、域名要好記,方便輸入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意義就是為了人們方便記憶才使用的,不然都用IP地址就好了。所以,網(wǎng)站域名一定要選擇好記憶的。因為域名是</div> </li> <li class="index_arc_item no_pic"> <h4 class="title"><a href="/article/5.html">個人博客應該選擇什么樣的域名和域名后綴</a></h4> <div class="date_hits"> <span>老王</span> <span>2個月前</span> <span><a href="/article-lists/10.html">建站</a></span> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276 °</p> <p class="commonts"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">20</span></p> </div> <div class="desc"> 不論搭建什么樣的網(wǎng)站,選擇一個好的域名都是很有必要的,選擇一個好的域名對網(wǎng)站的意義也是不言而喻的。每一個網(wǎng)站都有之對應的域名,就像人的名字一樣。每個人都想自己有個好聽的名字,網(wǎng)站也是一樣。一個網(wǎng)站可以有多個域名,但是一個域名只能對應一個網(wǎng)站。&nbsp;一、域名要好記,方便輸入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意義就是為了人們方便記憶才使用的,不然都用IP地址就好了。所以,網(wǎng)站域名一定要選擇好記憶的。因為域名是</div> </li> <li class="index_arc_item"> <a href="/article/4" class="pic"> <img class="lazyload" data-original="temp/art.jpg" alt="centos 6.5 nginx安裝及配置" > </a> <h4 class="title"><a href="/article/4">centos 6.5 nginx安裝及配置</a></h4> <div class="date_hits"> <span>老王</span> <span>2017-3-15</span> <span> <a href="/article?t=1">程序人生</a> </span> <p class="hits"><i class="Hui-iconfont" title="點擊量"></i> 13° </p> <p class="commonts"><i class="Hui-iconfont" title="評論"></i> <span class="cy_cmt_count">0</span></p> </div> <div class="desc">linux環(huán)境中nginx安裝及配置簡要概述。。。</div> </li> </ul> <div class="text-c mb-20" id="moreBlog"> <a class="btn radius btn-block " href="javascript:;" onclick="moreBlog();">點擊加載更多</a> <a class="btn radius btn-block hidden" href="javascript:;">加載中……</a> </div> </div> </div> <!--right--> <div class="col-sm-3 col-md-3"> <!--站點聲明--> <div class="panel panel-default mb-20"> <div class="panel-body"> <i class="Hui-iconfont" style="float: left;">&#xe62f;&nbsp;</i> <div class="slideTxtBox"> <div class="bd"> <ul> <li><a href="javascript:void(0);">Lao博客測試版上線,歡迎訪問</a></li> <li><a href="javascript:void(0);">內(nèi)容如有侵犯,請立即聯(lián)系管理員刪除</a></li> <li><a href="javascript:void(0);">本站內(nèi)容僅供學習和參閱,不做任何商業(yè)用途</a></li> </ul> </div> </div> </div> </div> <!--博主信息--> <div class="bg-fff box-shadow radius mb-20"> <div class="tab-category"> <a href=""><strong>博主信息</strong></a> </div> <div class="tab-category-item"> <ul class="index_recd"> <li class="index_recd_item"><i class="Hui-iconfont">&#xe653;</i>姓名:王風宇</li> <li class="index_recd_item"><i class="Hui-iconfont">&#xe70d;</i>職業(yè):JavaWeb開發(fā)</li> <li class="index_recd_item"><i class="Hui-iconfont">&#xe63b;</i>郵箱:<a href="mailto:wfyv@qq.com">wfyv@qq.com</a></li> <li class="index_recd_item"><i class="Hui-iconfont">&#xe671;</i>定位:浙江 &middot; 杭州</li> </ul> </div> </div> <!--熱門推薦--> <div class="bg-fff box-shadow radius mb-20"> <div class="tab-category"> <a href=""><strong>熱門推薦</strong></a> </div> <div class="tab-category-item"> <ul class="index_recd"> <li> <a href="#">阻止a標簽href默認跳轉(zhuǎn)事件</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> 276 </p> </li> <li > <a href="#">PHP面試題匯總</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> 276 </p> </li> <li > <a href="#">阻止a標簽href默認跳轉(zhuǎn)事件</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> 276 </p> </li> <li > <a href="#">阻止a標簽href默認跳轉(zhuǎn)事件</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> 276 </p> </li> <li > <a href="#">PHP面試題匯總</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe622;</i> 276 </p> </li> </ul> </div> </div> <!--點擊排行--> <div class="bg-fff box-shadow radius mb-20"> <div class="tab-category"> <a href=""><strong>點擊排行</strong></a> </div> <div class="tab-category-item"> <ul class="index_recd clickTop"> <li> <a href="#">AJAX的刷新和前進后退問題解決</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> </li> <li> <a href="#">AJAX的刷新和前進后退問題解決</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> </li> <li> <a href="#">AJAX的刷新和前進后退問題解決</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> </li> <li> <a href="#">AJAX的刷新和前進后退問題解決</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> </li> <li> <a href="#">AJAX的刷新和前進后退問題解決</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> </li> <li> <a href="#">AJAX的刷新和前進后退問題解決</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> </li> <li> <a href="#">AJAX的刷新和前進后退問題解決</a> <p class="hits"><i class="Hui-iconfont" title="點擊量">&#xe6c1;</i> 276° </p> </li> </ul> </div> </div> <!--標簽--> <div class="bg-fff box-shadow radius mb-20"> <div class="tab-category"> <a href=""><strong>標簽云</strong></a> </div> <div class="tab-category-item"> <div class="tags"> <a href="http://www.h-ui.net/">H-ui前端框架</a> <a href="http://www.h-ui.net/websafecolors.shtml">Web安全色</a> <a href="http://www.h-ui.net/Hui-4.4-Unslider.shtml">jQuery輪播插件</a> <a href="http://idc.likejianzhan.com/vhost/korea_hosting.php">韓國云虛擬主機</a> <a href="http://www.h-ui.net/bug.shtml">IEbug</a> <a href="http://www.h-ui.net/site.shtml">IT網(wǎng)址導航</a> <a href="http://www.h-ui.net/icon/index.shtml">網(wǎng)站常用小圖標</a> <a href="http://www.h-ui.net/tools/jsformat.shtml">web工具箱</a> <a href="http://www.h-ui.net/bg/index.shtml">網(wǎng)站常用背景素材</a> <a href="http://www.h-ui.net/yuedu/chm.shtml">H-ui閱讀</a> <a href="http://www.h-ui.net/easydialog-v2.0/index.html">彈出層插件</a> <a href="http://www.h-ui.net/SuperSlide2.1/demo.html">SuperSlide插件</a> <a href="http://www.h-ui.net/TouchSlide1.1/demo.html">TouchSlide</a></div> </div> </div> <!--圖片--> <div class="bg-fff box-shadow radius mb-20"> <div class="tab-category"> <a href=""><strong>掃我關(guān)注</strong></a> </div> <div class="tab-category-item"> <img data-original="temp/gg.jpg" class="img-responsive lazyload" alt="響應式圖片"> </div> </div> <!--友情鏈接--> <div class="bg-fff box-shadow radius mb-20"> <div class="tab-category"> <a href=""><strong>隔壁鄰居</strong></a> </div> <div class="tab-category-item"> <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">百度</a></span> <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">淘寶</a></span> <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">騰訊</a></span> <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">慕課網(wǎng)</a></span> <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">h-ui</a></span> </div> </div> <!--最近訪客--> <div class="bg-fff box-shadow radius mb-20"> <div class="tab-category"> <a href=""><strong>最近訪客</strong></a> </div> <div class="panel-body"> <ul class="recent"> <div class="item"><img src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt=""></div> <div class="item"><img src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt=""></div> <div class="item"><img src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt=""></div> <div class="item"><img src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt=""></div> <div class="item"><img src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt=""></div> <div class="item"><img src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt=""></div> <div class="item"><img src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt=""></div> <div class="item"><img src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt=""></div> <div class="item"><img src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt=""></div> <div class="item"><img src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt=""></div> </ul> </div> </div> <!--分享--> <div class="bg-fff box-shadow radius mb-20"> <div class="tab-category"> <a href=""><strong>站點分享</strong></a> </div> <div class="panel-body"> <div class="bdsharebuttonbox Hui-share"><a href="#" class="bds_weixin Hui-iconfont" data-cmd="weixin" title="分享到微信">&#xe694;</a><a href="#" class="bds_qzone Hui-iconfont" data-cmd="qzone" title="分享到QQ空間">&#xe6c8;</a> <a href="#" class="bds_sqq Hui-iconfont" data-cmd="sqq" title="分享到QQ好友">&#xe67b;</a> <a href="#" class="bds_tsina Hui-iconfont" data-cmd="tsina" title="分享到新浪微博">&#xe6da;</a> <a href="#" class="bds_tqq Hui-iconfont" data-cmd="tqq" title="分享到騰訊微博">&#xe6d9;</a></div> </div> </div> </div></section><footer class="footer mt-20"> <div class="container-fluid" id="foot"> <p>Copyright &copy; 2016-2017 www.wfyvv.com <br> <a href="http://www.miitbeian.gov.cn/" target="_blank">皖I(lǐng)CP備17002922號</a><br> </p> </div></footer><script type="text/javascript" src="plugin/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript" src="plugin/layer/3.0/layer.js"></script><script type="text/javascript" src="plugin/h-ui/js/H-ui.min.js"></script><script type="text/javascript" src="plugin/pifu/pifu.js"></script><script type="text/javascript" src="js/common.js"></script><script> $(function(){ $(window).on("scroll",backToTopFun); backToTopFun(); }); </script><script type="text/javascript" src="plugin/jquery.SuperSlide/2.1.1/jquery.SuperSlide.min.js"></script><script>$(function(){//幻燈片jQuery(".slider_main .slider").slide({mainCell: ".bd ul", titCell: ".hd li", trigger: "mouseover", effect: "leftLoop", autoPlay: true, delayTime: 700, interTime: 2000, pnLoop: true, titOnClassName: "active"})//tipsjQuery(".slideTxtBox").slide({titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "top", autoPlay: true});//標簽 $(".tags a").each(function(){ var x = 9; var y = 0; var rand = parseInt(Math.random() * (x - y + 1) + y); $(this).addClass("tags"+rand) }); $("img.lazyload").lazyload({failurelimit : 3});});</script> </body></html>






四、獲取更多源碼

~ 關(guān)注我,點贊博文~ 每天帶你漲知識!

相關(guān)問題可以相互學習,可關(guān)注↓公Z號 獲取更多源碼 !

五、學習資料

web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學習資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站





六、更多源碼

*PC電腦端關(guān)注我們***

HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!



關(guān)鍵詞:作業(yè),作品,設(shè)計,大學生,學生

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉