<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{
padding:0px;
margin:0px;
}
#logo{
float: left;
width: 30%;
}
ul,li{
margin: 0;
padding: 0;
list-style: none;
}
a{
text-decoration: none;
color: black;
}
.nav{
width: 100%;
height: 100px;
background-color: #3d3dd8;
}
.nav-container{
width: 80%;
height: 100px;
margin:auto;
}
.nav-content{
height: 100px;
float: left;
width: 69.5%;
}
.nav-top>input{
float:right;
border-radius: 10px;
}
.nav-top{
height: 50px;
line-height: 50px;
vertical-align: middle;
}
.nav-bottom >div{
color: white;
float: left;
height: 50px;
/* width: 10%; */
margin-right: 3.6%;
font-size: 12px;
line-height: 100%;
}
.banner_content{
width: 100%;
}
a{
color: white;
opacity: 1;
}
a:hover{
opacity: 0.5;
}
.nav-bottom >.drop_down{
float: left;
width: 50px;
height: 50px;
/* top:30px; */
/* background-color: white; */
text-align: center;
/* line-height: 100px; */
position: relative;
}
.nav-bottom>.drop_down:hover >.menu{
display: block;
}
.nav-bottom>.drop_down:hover >.menu2{
display: block;
}
.menu>li>a{
color: black;
}
.menu{
width: 100px;
margin-left: -40%;
line-height: 200%;
background-color: white;
color: white;
top: 49px;
position: absolute;
display: none;
}
.menu2{
width: 65px;
margin-right: 65px;
line-height: 200%;
background-color: white;
color: white;
top: 55px;
position: absolute;
display: none;
}
.menu>a:hover{
color:#3D3BB8;
}
</style>
</head>
<body>
<div class="container">
<div class="nav">
<div class="nav-container">
<img id="logo" src="../../picture/主页logo.png" alt="">
<span class="nav-content">
<div class="nav-top">
<input type="text" placeholder="请输入搜索内容">
</div>
<div class="nav-bottom">
<div><a href="https://www.scauzj.edu.cn/">首页</a></div>
<div class="drop_down">
<a href="#">学校概况</a>
<div class="menu">
<li>
<a href="https://www.scauzj.edu.cn/xxgk/3/">学校简介</a>
</li>
<li>
<a href="https://www.scauzj.edu.cn/xxgk/xianrenlingdao/18803/">现任领导</a>
</li>
<li>
<a href="https://www.scauzj.edu.cn/xxgk/5/">校长寄语</a>
</li>
<li>
<a href="https://www.scauzj.edu.cn/category/xxgk/shiziduiwu/">师资队伍</a>
</li>
<li>
<a href="https://www.scauzj.edu.cn/category/xxgk/xiaoyuanfengguang/">校园风光</a>
</li>
<li>
<a href="https://www.scauzj.edu.cn/category/xxgk/xwdt_hzdsj/">华珠大事记</a>
</li>
<li>
<a href="https://www.scauzj.edu.cn/xxgk/9/">华珠荣誉</a>
</li>
<li>
<a href="https://www.scauzj.edu.cn/category/xxgk/zyjs_xxgk/">专业介绍</a>
</li>
</div>
</div>
<div><a href="https://www.scauzj.edu.cn/category/xxgk/xwdt_xxxxgkzl/">信息公开栏</a></div>
<div class="drop_down">
<a href="#">机构设置</a>
<div class="menu">
<li>
<a href="#">行政部门</a>
<div class="menu2">
<li>
<a href="https://www.scauzj.edu.cn/category/glbm/glbm_xxbgs/">党政办公室</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/glbm/glbm_xsgzb/">学生工作部(处)</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/glbm/glbm_rsc/">人事处</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/glbm/jxky_dwzzb/">党委组织部</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/glbm/glbm_ytw/">校团委</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/glbm/glbm_ygh/">校工会(统战部)</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/glbm/glbm_hqbwc/">后勤保卫处</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/glbm/jxky_jwc/">教务处</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/glbm/tsfw/">图书服务</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/glbm/glbm_jsjxfzzx/">教师教学发展中心</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/tiyuyuyishuzhongxin/">体育与艺术中心</a>
</li>
</div>
</li>
<li>
<a href="#">二级学院</a>
<div class="menu2">
<li>
<a href="https://www.scauzj.edu.cn/category/ejxy/ejxy_sxy/">商学院</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/ejxy/ejxy_xxgcxy/">信息工程学院</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/ejxy/ejxy_sjxy/">设计学院</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/ejxy/ejxy_cmxy/">传媒学院</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/ejxy/ejxy_rwxy/">人文学院</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/ejxy/ejxy_jckjxb/">基础课教学部</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/ejxy/ejxy_mkszyxy/">马克思主义学院</a>
</li>
<li>
<a href="https://www.scauzj.edu.cn/category/ejxy/glbm_jxjyxy/">继续教育学院</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/guojijiaoyuxueyuan/">国际教育学院</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/category/xiangcunzhenxingxueyuan/">乡村振兴学院</a>
</li>
</div>
</li>
</div>
</div>
<div><a href="https://www.scauzj.edu.cn/category/glbm/jxky_dwzzb/">党建网</a></div>
<div><a href="http://jw.scauzj.edu.cn/hnnydxzjxy/">教务管理</a></div>
<div class="drop_down">
<a href="#">招生就业</a>
<div class="menu">
<li>
<a href="https://www.scauzj.edu.cn/category/zsw/">招生网</a>
</li>
<hr>
<li>
<a href="https://jy.scauzj.edu.cn/">小北就业</a>
</li>
</div>
</div>
<div><a href="https://oa.scauzj.edu.cn">OA管理</a></div>
<div class="drop_down">
数字资源
<div class="menu">
<li>
<a href="https://szzy.yinghuaonline.com/">数字图书资源</a>
</li>
<hr>
<li>
<a href="https://lib.scauzj.edu.cn/login?redirect=%2F">图书系统</a>
</li>
<hr>
<li>
<a href="https://lib.scauzj.edu.cn/opac/ZJXY">图书搜索</a>
</li>
<hr>
<li>
<a href="https://zc.scauzj.edu.cn/">资产系统</a>
</li>
<hr>
<li>
<a href="https://mooc.scauzj.edu.cn/">在线教学平台</a>
</li>
<hr>
<li>
<a href="https://dzs2.scauzj.edu.cn/">京广图书</a>
</li>
<hr>
<li>
<a href="https://dzs1.scauzj.edu.cn/">五车图书</a>
</li>
<hr>
<li>
<a href="https://xg.scauzj.edu.cn/">学工管理</a>
</li>
<hr>
<li>
<a href="https://www.scauzj.edu.cn/szpt/">数字化实习实训平台</a>
</li>
<hr>
<li>
<a href="https://shixun.scauzj.edu.cn/">实训平台</a>
</li>
<hr>
<li>
<a href="https://xy.scauzj.edu.cn/">校友系统</a>
</li>
<hr>
<li>
<a href="https://xlcp.scauzj.edu.cn/">心理测评</a>
</li>
</div>
</div>
<div><a href="https://www.scauzj.edu.cn/2021/03/06/11830/">加入我们</a></div>
</div>
</span>
</div>
</div>
<div class="img">
<div class="banner">
<img src="https://www.scauzj.edu.cn/wp-content/uploads/sites/20/2022/11/0ac45c435dec1666bd28b13afc6c36e.jpg" alt="">
</div>
<div class="banner">
<img src="https://www.scauzj.edu.cn/wp-content/uploads/sites/20/2022/11/a0dd4ff9189594a13737700e97eb6a9.jpg" alt="">
</div>
<div class="banner">
<img class="banner_content" src="https://www.scauzj.edu.cn/wp-content/uploads/sites/20/2022/11/111-1-scaled.jpg" alt="">
</div>
<div class="banner">
<img src="https://www.scauzj.edu.cn/wp-content/uploads/sites/20/2022/11/22-scaled.jpg" alt="">
</div>
</div>
<div class="vd">
<video src="https://www.scauzj.edu.cn/wp-content/uploads/sites/20/2022/11/2022迎新花絮-1.mp4" poster="https://www.scauzj.edu.cn/wp-content/uploads/sites/20/2022/10/2y11.jpg" id="home_video"></video>
</div>
</div>
</body>
</html>
WEB前端——学校官网
最新推荐文章于 2024-01-04 18:14:22 发布