Skip to content

Commit

Permalink
6
Browse files Browse the repository at this point in the history
  • Loading branch information
@Qhappyman
Qhappyman committed Feb 20, 2019
0 parents commit 2728f14
Show file tree
Hide file tree
Showing 5 changed files with 432 additions and 0 deletions.
174 changes: 174 additions & 0 deletions 寒假.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,174 @@
body{
background-image: url(./寒假.jpg);
}
div {
font-size: 23px;
border-radius: 15px;
}
li {
line-height: 50px;
}
#continer
{
height: 400px;
width: 700px;
position: relative;
left: 350px;
top: 100px;
font-family: sans-serif;
font-style: oblique;
line-height: 60px;
box-shadow: 10px 10px 5px #888888;
border:15px solid transparent;
-webkit-border-image:url(./寒假.png) 30 30 round; /* Safari 5 and older */
-o-border-image:url(./寒假.png) 30 30 round; /* Opera */
border-image:url(./寒假.png) 30 30 round;
}
a {
position: absolute;
bottom: 170px;
left: 540px;
height: 45px;
color:#7744FF;
text-decoration: none;
background-color:#DDDDDD;
border-radius: 10px;
line-height: 45px;
}
a:hover
{
height: 50px;
transition-duration: 0.5s;
}
#test:hover
{
height: 510px;
width: 310px;
transition-duration: 0.8s;
}
#foot:hover
{
height: 53px;
width: 158px;
transition-duration: 0.2s;
background-color:#FF3333;
}
#header:hover
{
height: 53px;
width: 158px;
transition-duration: 0.2s;
background-color:#FF77FF;
}
#finish{
position: absolute;
bottom: 170px;
left: 540px;
height: 45px;
color:#7744FF;
font-style: normal;
background-color:#DDDDDD;
border-radius: 10px;
line-height: 45px;
}
#left{
height: 500px;
width: 260px;
text-align: center;
position: absolute;
left: 30px;
top: 60px;
background-color:#AAAAFF;
font-size: 20px;
}
#header{
height: 50px;
width: 150px;
text-align: center;
position: absolute;
top: 25px;
left: 500px;
background-color:#DEDEBE;
line-height: 45px;
font-weight: 50px;
}
#foot{
height: 50px;
width: 150px;
background-color:#FFDAC8;
position: absolute;
top: 25px;
right: 550px;
font-size: 26px;
text-align: center;
line-height: 45px;
}
#footer{
height: 60px;
width: 210px;
background-color: #7D7DFF;
position: absolute;
top: 550px;
right:700px;
color:green;
font-weight: 20px;
font-size: 25px;
text-align: center;
line-height: 45px;
}
#test{
height: 500px;
width: 300px;
background-color:#AAAAFF;
position: absolute;
top: 60px;
right: 80px;
text-align: center;
color: #CE0000;
}
#div1,#div2,#div3,#div4,#div5,#div6,#div7,#div8,#div9,#div10
{
height: 400px;
width: 700px;
position: absolute;
}
#div1
{
background-color:#ADFF2F;
}
#div2
{
background-color:#E6E6FA;
}
#div3
{
background-color:#FAFAD2;
}
#div4
{
background-color:#87CEFA;
}
#div5
{
background-color:#FFF0F5;
}
#div6
{
background-color:#7FFFD4;
}
#div7
{
background-color:pink;
}
#div8
{
background-color:#B0C4DE;
}
#div9
{
background-color:#FFF8DC;
}
#div10
{
background-color:#FFD700;
}
114 changes: 114 additions & 0 deletions 寒假.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<link rel="stylesheet" type="text/css" href=".\/寒假.css">
<script type="text/javascript" src=".\/寒假.js"></script>
</head>
<body>
<div id="header">开始答题</div>
<div id="left">答题规则<br>
<ol>
<li>点击开始答题倒计开始</li>
<li>倒计时结束则自动结算</li>
<li>再次作答点击重新来过</li>
<li>点击右框查看历史排名</li>
<li>答题时间为固定九十秒</li>
</ol>
</div>
<div id="continer">
<div id = "div1">
<form method="get"><label id="a"></label><br>
<input type="radio" name=".." value="1"><label id="a1"></label><br>
<input type="radio" name=".." value="false"><label id="a2"></label><br>
<input type="radio" name=".." value="false"><label id="a3"></label><br>
</form>
<a href = "#" id = "bt1" value = "下一题" >下一题</a>
</div>
<div id ="div2">
<form method="get"><label id="b"></label><br>
<input type="radio" name=".." value="false"><label id="b1"></label><br>
<input type="radio" name=".." value="2"><label id="b2"></label><br>
<input type="radio" name=".." value="false"><label id="b3"></label><br>
</form>
<a href = "#" id = "bt1" value = "下一题" >下一题</a>
</div>
<div id ="div3">
<form method="get"><label id="c"></label><br>
<input type="radio" name=".." value="false"><label id="c1"></label><br>
<input type="radio" name=".." value="false"><label id="c2"></label><br>
<input type="radio" name=".." value="3"><label id="c3"></label><br>
</form>
<a href = "#" id = "bt1" value = "下一题" >下一题</a>
</div>
<div id = "div4">
<form method="get"><label id="d"></label><br>
<input type="radio" name=".." value="4"><label id="d1"></label><br>
<input type="radio" name=".." value="false"><label id="d2"></label><br>
<input type="radio" name=".." value="false"><label id="d3"></label><br>
</form>
<a href = "#" id = "bt1" value = "下一题" >下一题</a>
</div>
<div id = "div5">
<form method="get"><label id="e"></label><br>
<input type="radio" name=".." value="false"><label id="e1"></label><br>
<input type="radio" name=".." value="false"><label id="e2"></label><br>
<input type="radio" name=".." value="5"><label id="e3"></label><br>
</form>
<a href = "#" id = "bt1" value = "下一题" >下一题</a>
</div>
<div id = "div6">
<form method="get"><label id="f"></label><br>
<input type="radio" name=".." value="false"><label id="f1"></label><br>
<input type="radio" name=".." value="6"><label id="f2"></label><br>
<input type="radio" name=".." value="false"><label id="f3"></label><br>
</form>
<a href = "#" id = "bt1" value = "下一题" >下一题</a>
</div>
<div id = "div7">
<form method="get"><label id="g"></label><br>
<input type="radio" name=".." value="false"><label id="g1"></label><br>
<input type="radio" name=".." value="7"><label id="g2"></label><br>
<input type="radio" name=".." value="false"><label id="g3"></label><br>
</form>
<a href = "#" id = "bt1" value = "下一题" >下一题</a>
</div>
<div id = "div8">
<form method="get"><label id="h"></label><br>
<input type="radio" name=".." value="false"><label id="h1"></label><br>
<input type="radio" name=".." value="false"><label id="h2"></label><br>
<input type="radio" name=".." value="8"><label id="h3"></label><br>
</form>
<a href = "#" id = "bt1" value = "下一题" >下一题</a>
</div>
<div id = "div9">
<form method="get"><label id="i"></label><br>
<input type="radio" name=".." value="9"><label id="i1"></label><br>
<input type="radio" name=".." value="false"><label id="i2"></label><br>
<input type="radio" name=".." value="false"><label id="i3"></label><br>
</form>
<a href = "#" id = "bt1" value = "下一题" >下一题</a>
</div>
<div id = "div10">
<form method="get"><lable id="j"></lable><br>
<input type="radio" name=".." value="false"><label id="j1"></label><br>
<input type="radio" name=".." value="false"><label id="j2"></label><br>
<input type="radio" name=".." value="10"><label id="j3"></label><br>
</form>
<div id = "finish" onclick="gt();">提交</div>
</div>
</div>
<div id="foot">重新来过</div>
<div id="footer">最终分数</div>
<div id="test">点击查看历史排名<br>
<ol>
<li><div id="test1"></div></li>
<li><div id="test2"></div></li>
<li><div id="test3"></div></li>
<li><div id="test4"></div></li>
<li><div id="test5"></div></li>
</ol>
</div>
</body>
</html>
Binary file added 寒假.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 2728f14

Please sign in to comment.