Difference between revisions of "Team:JSNU-China"

Line 1: Line 1:
 +
 +
  
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
−
<meta name="viewport" content="width=device-width, initial-scale=1"/>
+
<title>Home</title>
−
<title>welcome~</title>
+
 
<style>
 
<style>
−
video{
+
body{
 +
background-image: url(https://static.igem.org/mediawiki/2016/c/c0/Jsnuchina_body.jpg);
 +
background-repeat: no-repeat;
 +
background-size: 100% auto;
 +
background-attachment: fixed;
 +
}
 +
 
 +
/* top******************************************************** */
 +
 
 +
#top{
 +
width: 100%;
 +
height: auto;
 +
float: left;
 +
}
 +
 
 +
#navleft{
 +
width: 40%;
 +
height: 200px;
 +
float: left;
 +
}
 +
 
 +
#logo{
 +
z-index: 999999;
 +
width: 18%;
 +
height: 200px;
 +
float: left;
 +
 
 +
}
 +
#logo img{
 +
width: 80%;
 +
z-index: 9999;
 +
}
 +
 
 +
#navright{
 +
width: 41%;
 +
height: 200px;
 +
float: left;
 +
 
 +
}
 +
 
 +
ul.bignav{
 +
list-style: none;
 +
margin-top:80px;
 
width: 100%;
 
width: 100%;
−
height: 100%;
+
padding-left: 0px;
 
}
 
}
−
</style>
 
−
</head>
 
−
<body style="margin:0px;width:100%">
 
−
 
−
<video src="https://static.igem.org/mediawiki/2016/3/34/Jsnuchina_welcome.mp4"autoplay="autoplay">
 
−
</video>
 
  
−
<script src="https://2016.igem.org/Team:JSNU-China/jquery"></script>
+
ul.bignav >li{
 +
float: left;
 +
font-family: 黑体;
 +
font-size: 1.5em;
 +
width: 25%;
 +
text-align: center;
 +
}
  
−
<script>
+
ul.bignav >li.firstli{
−
function delayer(){
+
width: 44%;
−
window.location = "index.html";
+
 
}
 
}
  
−
jQuery(document).ready(function(){
+
ul.bignav >li.nofirstli{
−
setTimeout('delayer()', 9000);
+
width: 28%;
−
//这里实现延迟5秒跳转
+
}
−
});
+
 
−
</script>
+
ul.bignav >li>a{
 +
color: white;
 +
text-decoration: none;
 +
}
 +
 
 +
ul.bignav >li>a:hover{
 +
color: #333;
 +
text-decoration: none;
 +
}
 +
 
 +
 
 +
/* content******************************************************** */
 +
 
 +
 
 +
#content{
 +
width: 86%;
 +
float: left;
 +
margin-left: 7%;
 +
margin-top: 50px;
 +
background-color:transparent;
 +
 +
}
 +
 
 +
 
 +
#main{
 +
width: 100%;
 +
height: 1000px;
 +
float: left;
 +
                background-color:white;
 +
                border-radius: 1em 1em 0em 0em;
 +
}
 +
#bottomnav{
 +
width: 100%;
 +
height: 200px;
 +
float: left;
 +
background-color: rgb(85,71,42);
 +
}
 +
 
 +
 
 +
/* footer******************************************************** */
 +
 
 +
 
 +
#footer{
 +
width: 100%;
 +
float: left;
 +
 
 +
}
 +
 
 +
#footer p{
 +
text-align: center;
 +
margin-top: 30px;
 +
font-size: 0.9em;
 +
color: #333;
 +
 
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="top">
 +
<div id="navleft">
 +
<ul class="bignav">
 +
<li><a href="project.html"><img src="https://static.igem.org/mediawiki/2016/3/3e/Jsnuchina_hand3.jpg" style="width:20%;">PROJECT</a></li>
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2016/5/54/Jsnuchina_hand1.jpg" style="width:20%;">MODELING</a></li>
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2016/3/38/Jsnuchina_hand4.jpg" style="width:20%;">PARTS</a></li>
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2016/a/ab/Jsnuchina_hand5.jpg" style="width:20%;">TEAM</a></li>
 +
</ul>
 +
</div>
 +
<div id="logo">
 +
<center>
 +
<a href="home.html"><img src="https://static.igem.org/mediawiki/2016/c/c8/Jsnuchina_logo.jpg" alt="logo"></a>
 +
</center>
 +
</div>
 +
<div id="navright">
 +
<ul class="bignav">
 +
<li class="firstli"><a href="#"><img src="https://static.igem.org/mediawiki/2016/b/b6/Jsnuchina_hand9.jpg" style="width:12%;">HUMAN PARTICTICE</a></li>
 +
<li class="nofirstli"><a href="#"><img src="https://static.igem.org/mediawiki/2016/6/69/Jsnuchina_hand7.jpg" style="width:16%;">NOTEBOOK</a></li>
 +
<li class="nofirstli"><a href="#"><img src="https://static.igem.org/mediawiki/2016/3/3b/Jsnuchina_hand6.jpg
 +
" style="width:16%;">SAFETY</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div id="content">
 +
<div id="main"></div>
 +
<div id="bottomnav"></div>
 +
</div>
 +
<div id="footer">
 +
<p>&copy; Copyright &copy; 2014.Company name All rights reserved.</p>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 06:26, 13 July 2016


Home