<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<script src="js/jquery.hotkeys.js"></script>
<style>
.userRegisterText{
display: inline-block;
width:20%;
text-align: right;
vertical-align: top;
padding-right:5px;
}
.userRegisterInput{
display: inline-block;
width:70%;
}
.userRegisterNotice{
color:#444444;
padding:8px 0px;
}
#divFooter{
background-color: #0C88E1;
color: white;
margin-top: 20px;
}
#divFooter .row div{
color: #cccacc;
font:15px/30px"microsoft yahei";
}
#divFooter .row a{
color: #cccacc;
}
#divFooter .row ul{
margin: 0;
padding: 0;
list-style: none;
}
#divFooter .rowLinkLogo{
padding: 30px 0;
border-bottom: 1px solid #2b2e32;
}
.rowLinkLogo .leftLink{
text-align: right;
border-right: 1px solid #454a51;
}
.rowLinkLogo .centerLogo{
text-align: center;
font-size: 16px;
font-weight: bold;
}
.rowLinkLogo .rightLink{
text-align: left;
border-left: 1px solid #454a51;
}
.divCopyright{
background-color: #7CE313;
border-top:1px solid #3e4248;
padding: 20px 0px;
text-align: center;
}
.divCopyright center{
color: #050000;
font-weight: bold;
}
.scrollNotice{
position: relative;
height: 40px;
overflow: hidden;
background: #ffffff;
border: 1px solid #428bca;
border-radius: 5px;
padding: 5px;
padding-left: 90px;
}
.scrollNotice ul,.scrollNotice ul li{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.scrollNotice ul li{
line-height: 35px;
}
.scrollNotice ul li a{
text-decoration: none;
font:bold 15px "microsoft yahei";
color: #555555;
}
.scrollNotice #noticeTip{
position: absolute;
left: 0;
top:0;
height: 40px;
color: #ffffff;
font:bold 15px "microsoft yahei";
background: #EC0303;
padding: 10px;
}
#hotNews .badgetop3{
background: #C22222；
}
#ulPEPlatform .list-group-item{
padding: 28px 10px;
}
#ulPEPlatform .divPicText{
position: absolute;
bottom: 0px;
left: 0px;
height: 0px;
overflow: hidden;
background: #000000;
opacity: 0.7;
color: #ffffff;
font: 14px/25px"microsoft yahei";
}
.comment{margin:10px;paddong:12px;}
.comment.media{border-bottom:1px #4328BCA dotted;}
.comment img{padding:3px;}
.comment .media_last{margin-top: 15px;border-bottom: none;}
.comment .media_last .pull-left{padding-right: 10px;}
.comment .media .media-body .media {
padding: 10px;
border-top;1px #428BCA dotted;
border-bottom: none;
}
</style>
<script type="text/javascript" language="javascript">
$(function(){
var settime;
$(".scrollNotice").hover(function(){
clearInterval(settime);
},function(){
settime=setInterval(function(){
var $first=$(".scrollNotice ul:first");
var height=$first.find("li.first").height();
$first.animate({
"marginTop":-height+"px"
},600,function(){
$first.css({
marginTop:0
}).find("li:first").appendTo($first);
});
},3000);
}).trigger("mouseleave");
});
$(function(){
$("#ulPEPlatform.list-group-item").hover(
function(){
$(this).find(".divPicText").stop().animate({
"height":80
});
},
function(){
$(this).find(".divPicText").stop().animate({
"height":0
});
}
);
})
</script>
</head>
<body>
<!-----------顶部固定导航条开始------------>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" rol="navigation">
<div class="container" style="color:skyblue;">
<ul class="nav navbar-nav navbar-left">
<li>
<a href="#"><span class="glyphicon glyphicon-home"></span> 设为首页</a>
</li>
<li>
<a href="#"><span class="glyphicon glyphicon-star"></span> 收藏本站</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#" data-toggle="modal" data-target="#userLoginModal">
<span class="glyphicon glyphicon-user"></span> 登录
</a>
</li>
<li>
<a href="#" data-toggle="modal" data-target="#userRegisterModal">
<span class="glyphicon glyphicon-edit"></span> 注册
</a>
</li>
</ul>
</div>
</nav>
<div class="modal fade" id="userLoginModal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<form id="frmUserLogin" class="form-horizontal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">
<span class="glyphicon glyphicon-user"></span> 用户登录
</h4>
</div>
<div class="modal-body">
<p><input type="text" class="form-control" placeholder="用户名/手机号/邮箱账号"></p>
<p><input type="password" class="form-control" placeholder="密码"></p>
<p>
<label class="checkbox-inline">
<input type="checkbox">十天内免登录
</label>
</p>
</div>
<div class="modal-footer">
<input type="button" class="btn btn-success" value="登 录">
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="userRegisterModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<form id="frmUserRegister" class="form-horizontal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">
<span class="glyphicon glyphicon-user"></span> 用户注册
</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="userRegisterText">用户名</div>
<div class="userRegisterInput">
<input type="text" class="form-control">
<p class="userRegisterNotice">6~18个字符，可使用字母，数字，下划线，需以字母开头</p>
</div>
</div>
<div class="row">
<div class="userRegisterText">密码</div>
<div class="userRegisterInput">
<input type="password" class="form-control">
<p class="userRegisterNotice">6~18个字符，区分大小写</p>
</div>
</div>
<div class="row">
<div class="userRegisterText">确认密码</div>
<div class="userRegisterInput">
<input type="password" class="form-control">
<p class="userRegisterNotice">请再次填写密码</p>
</div>
</div>
<div class="row">
<div class="userRegisterText">Email</div>
<div class="userRegisterInput">
<input type="text" class="form-control">
<p class="userRegisterNotice">Email格式：[email protected]</p>
</div>
</div>
</div>
<div class="modal-footer">
<input type="button" class="btn btn-success" value="登 录">
</div>
</form>
</div>
</div>
</div>
<!-----------顶部固定导航条结束------------>
<!-----------logo与站内搜索框开始---------->
<div class="container" style="margin-top:60px;">
<div class="row">
<div class="col-sm- col-xs-12">
<img src="img/logo2.jpg" class="img-responsive" />
</div>
</div>
<!-----------logo与站内搜索框结束---------->
<!-----------导航条开始------------->
<nav class="navbar navbar-default">
<div class="container">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse
html网页设计作业-基于html+css，制作的学校官网网页
版权申诉
5星 · 超过95%的资源 35 浏览量
2022-12-29
16:10:39
上传
评论
收藏 2.93MB ZIP 举报 
学校官网前台本体.zip （81个子文件） 
学校官网前台本体 
网页新闻内容.html 21KB js 
bootstrap.js 64KB npm.js 484B bootstrap.min.js 34KB jquery.twbsPagination.js 10KB zzsc.js 1KB bootstrap-wysiwyg.js 6KB jquery.js 90KB jquery.hotkeys.js 3KB img 
7fb02e5c708446cfbe7b7bab3c643664.jpg 657KB news2.jpg 35KB 5db7a3cbbd6ab.jpg 94KB 5db7a7df65a58.jpg 65KB 5db7d50d06d81.jpg 57KB 5db7d5234da88_副本.jpg 11KB 5db7d50d06d81_副本.jpg 14KB 5db7d4fc0cc88.jpg 285KB kjtd_lm 
3.png 10KB 1.png 11KB 2.png 8KB news 
sinaminiblog.gif 2KB touxiang_3.jpg 37KB new.jpg 154KB sidebar_bg.png 12KB blue_line.png 4KB quickmark.jpg 43KB renren.gif 2KB touxiang_2.jpg 14KB baiduhi.gif 2KB qq.jpg 19KB douban.gif 1KB qqmb.gif 2KB green_line.png 4KB touxiang_4.jpg 4KB touxiang_1.jpg 77KB facebook.gif 2KB sohuminiblog.gif 2KB qzone.gif 2KB twitter.gif 2KB 5db7d504675a1.jpg 275KB 5db7a1fe53e58.jpg 85KB kjtd link1.psd 104KB link6.png 7KB link7.png 7KB link9.png 7KB link2.png 8KB link5.png 6KB link1.png 6KB link3.png 6KB link8.png 6KB link4.png 7KB 2014312155321200.jpg 95KB logo2.jpg 33KB 5db7b1575b248.jpg 73KB 学生风采-学院举行学生干部交流会.jpg 32KB 学校网页首页.html 20KB css y3.css 118KB bootstrap-theme.min.css.map 25KB bootstrap.min.css 111KB bootstrap-theme.css.map 41KB y4.css 112KB y2.css 118KB bootstrap-theme.css 21KB bootstrap.css.map 358KB y1.css 111KB bootstrap.css 134KB font-awesome.min.css 21KB bootstrap-theme.min.css 23KB y5.css 114KB bootstrap.min.css.map 529KB 网页新闻资讯.html 21KB fonts FontAwesome.otf 84KB
glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 55KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 64KB fontawesome-webfont.svg 280KB fontawesome-webfont.ttf 110KB
- 1
- 2
前往页