|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>雷神山数据库导航栏</title>
|
|
|
<style type="text/css">
|
|
|
.top{
|
|
|
/* 设置宽度高度背景颜色 */
|
|
|
height: 50px;
|
|
|
width:100%;
|
|
|
background:rgb(189, 181, 181);
|
|
|
position: fixed; /*固定在顶部*/
|
|
|
top: 10;/*离顶部的距离为0*/
|
|
|
}
|
|
|
.top ul{
|
|
|
/* 清除ul标签的默认样式 */
|
|
|
width: 80%;
|
|
|
list-style-type: none;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
.top li {
|
|
|
float:left; /* 使li内容横向浮动，即横向排列 */
|
|
|
margin-right:50px; /* 两个li之间的距离*/
|
|
|
}
|
|
|
|
|
|
.top li a{
|
|
|
/* 设置链接内容显示的格式*/
|
|
|
display: block; /* 把链接显示为块元素可使整个链接区域可点击 */
|
|
|
color:white;
|
|
|
text-align: center;
|
|
|
padding: 14px 16px;
|
|
|
text-decoration: none; /* 去除下划线 */
|
|
|
}
|
|
|
.top li a:hover{
|
|
|
/* 鼠标选中时背景变为黑色 */
|
|
|
background-color: #111;
|
|
|
}
|
|
|
.top ul li ul{
|
|
|
|
|
|
width: auto;
|
|
|
background:rgb(189, 181, 181);
|
|
|
position: absolute;
|
|
|
display: none; /* 默认隐藏二级菜单的内容 */
|
|
|
}
|
|
|
.top ul li ul li{
|
|
|
|
|
|
margin-right:0;
|
|
|
float:none;
|
|
|
text-align: center;
|
|
|
}
|
|
|
.top ul li:hover ul{
|
|
|
display: block;
|
|
|
}
|
|
|
</style>
|
|
|
<body>
|
|
|
|
|
|
<body background="/static/layui/first.jpg" style=" background-repeat:no-repeat ;background-size:100% 100%;
|
|
|
background-attachment: fixed;">
|
|
|
<div class="top">
|
|
|
<div align="center">
|
|
|
<ul>
|
|
|
<li><a href="doctor">医生信息</a></li>
|
|
|
<li><a href="huanzhe">患者信息</a></li>
|
|
|
<li><a href="bingfang">病房信息</a></li>
|
|
|
<li><a href="device">设备信息</a></li>
|
|
|
<li><a href="repair">维护中心</a></li>
|
|
|
<li>
|
|
|
<a href="#">更多</a>
|
|
|
<ul>
|
|
|
<li><a href="call">联系我们</a></li>
|
|
|
<li><a href="suggestion">意见反馈</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="position:fixed;top:90px/*这里是这个div到浏览器边框顶部距离*/;left:300px/*这个是div到浏览器左边框的距离*/;">
|
|
|
<p><font size="25" face="arial" color="blue">雷神山</font><font size="5" face="arial" color="black">数据查询主页</font></p>
|
|
|
</div>
|
|
|
<div style="position:fixed;top:200px/*这里是这个div到浏览器边框顶部距离*/;left:300px/*这个是div到浏览器左边框的距离*/;">
|
|
|
<video width="600" height="400" controls autoplay>
|
|
|
<source src="/static/layui/video.mp4" type="video/mp4" >
|
|
|
</video>
|
|
|
</div>
|
|
|
<div style="position:fixed;top:300px/*这里是这个div到浏览器边框顶部距离*/;left:1000px/*这个是div到浏览器左边框的距离*/;">
|
|
|
<a href="https://baike.so.com/doc/29084202-30563611.html"><font size="15" face="arial" color="red">雷神山医院介绍</font></a>
|
|
|
<br><br>
|
|
|
<a href="https://finance.sina.com.cn/stock/relnews/us/2020-01-26/doc-iihnzhha4794799.shtml"><font size="15" face="arial" color="red">雷神山医院建设动态</font></a>
|
|
|
</div>
|
|
|
<div style="position:fixed;top:700px/*这里是这个div到浏览器边框顶部距离*/;left:500px/*这个是div到浏览器左边框的距离*/;">
|
|
|
<p><font size="25" face="arial" color="green">@熊毅鹏，于金凯，周文江，杨正春小组</font></p>
|
|
|
</div>
|
|
|
</body>
|
|
|
</head>
|
|
|
</html>
|
