update
vickihe
@@ -7,11 +7,6 @@
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="leftGuide">
|
||||
<ul>
|
||||
<li><a href="frame_rooms.html" id="rooms" class="guide">房间</a></li><br><br>
|
||||
<li><a href="frame_people.html" id="people" class="guide">老人</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -7,10 +7,6 @@
|
||||
<title>首页</title>
|
||||
<link rel="stylesheet" href="firstPage_style.css">
|
||||
</head>
|
||||
<!-- <frameset cols="100,*">
|
||||
<frame src="frame_contents.html" noresize="noresize">
|
||||
<frame src="frame_rooms.html" name="showFrame" noresize="noresize">
|
||||
</frameset> -->
|
||||
<body>
|
||||
<div class="box1">
|
||||
<span class="upper">O</span>
|
||||
@@ -20,11 +16,38 @@
|
||||
<span class="upper">H</span>
|
||||
<span class="lower">ome</span>
|
||||
</div>
|
||||
<div class="menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#" id="main">
|
||||
<span class="row_menu">主页</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" id="check">
|
||||
<span class="row_menu">查看</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" id="manage">
|
||||
<span class="row_menu">管理</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" id="self">
|
||||
<span class="row_menu">个人中心</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="leftGuide">
|
||||
<ul>
|
||||
<li><a href="#" id="rooms" class="guide">房间</a></li><br><br>
|
||||
<li><a href="#" id="people" class="guide">老人</a></li>
|
||||
<li><a href="frame_rooms.html" id="rooms" class="guide" target="contents">房间</a></li><br><br>
|
||||
<li><a href="frame_people.html" id="people" class="guide" target="contents">老人</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="box2">
|
||||
<iframe id="contents" src="contents.html" frameborder="1" width="900" height="100%" name="contents"></iframe>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -7,7 +7,10 @@ body {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 100px;
|
||||
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
.upper {
|
||||
color: rgb(255, 115, 0);
|
||||
@@ -23,17 +26,13 @@ body {
|
||||
font-size: 45px;
|
||||
letter-spacing: -5px;
|
||||
}
|
||||
span {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
.leftGuide {
|
||||
position: absolute;
|
||||
top: 140px;
|
||||
left: 100px;
|
||||
/* border-left: 0.5px solid lightgray; */
|
||||
border-right: 0.5px solid rgba(255, 183, 124, 0.411);
|
||||
padding-right: 50px;
|
||||
}
|
||||
@@ -50,4 +49,67 @@ ul {
|
||||
}
|
||||
.guide:hover {
|
||||
color: rgba(211, 211, 211, 0.651);
|
||||
}
|
||||
.box2 {
|
||||
margin-left: 230px;
|
||||
margin-top: 140px;
|
||||
}
|
||||
#contents {
|
||||
border-top: 0.5px solid rgba(255, 183, 124, 0.411);
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
} */
|
||||
|
||||
.menu {
|
||||
width: 1080px;
|
||||
height: 50px;
|
||||
background-color: rgb(255, 183, 124);
|
||||
margin-left: 100px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
text-decoration: none;
|
||||
padding: 0;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
width: 266px;
|
||||
height: 50px;
|
||||
margin-left: 80px;
|
||||
margin-top: 15px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
/* transform: translateX(30deg);
|
||||
-moz-transform: translateX(30deg);
|
||||
-ms-transform: translateX(30deg);
|
||||
-o-transform: translateX(30deg);
|
||||
-webkit-transform: translateX(30deg);
|
||||
animation: li .2s infinite; */
|
||||
}
|
||||
.row_menu {
|
||||
position: relative;
|
||||
top: 15px;
|
||||
}
|
||||
a {
|
||||
text-decoration-line: none;
|
||||
font-family: youyuan;
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
}
|
||||
li:hover {
|
||||
background-color: rgb(255, 115, 0);
|
||||
}
|
||||
/* @keyframes li {
|
||||
0%{
|
||||
transform: translateX(30deg);
|
||||
}
|
||||
} */
|
||||
span:active {
|
||||
color: rgb(255, 183, 124);
|
||||
}
|
||||
5
web/frame_people_style.css
Normal file
@@ -0,0 +1,5 @@
|
||||
body {
|
||||
width: 700px;
|
||||
height: 100%;
|
||||
background-color: yellow;
|
||||
}
|
||||
5
web/frame_rooms_style.css
Normal file
@@ -0,0 +1,5 @@
|
||||
body {
|
||||
width: 700px;
|
||||
height: 100%;
|
||||
background-color: yellow;
|
||||
}
|
||||
BIN
web/icons/个人中心.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
web/icons/个人中心hover.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
web/icons/主页.png
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/icons/主页hover.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
web/icons/查看.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
web/icons/查看hover.png
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
web/icons/管理.png
Normal file
|
After Width: | Height: | Size: 2.6 KiB |
BIN
web/icons/管理hover.png
Normal file
|
After Width: | Height: | Size: 2.8 KiB |