<!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>
