|
|
| Line 1: |
Line 1: |
| − | | + | <!DOCTYPE html> |
| | <html lang="en"> | | <html lang="en"> |
| | <head> | | <head> |
| | <meta charset="UTF-8"> | | <meta charset="UTF-8"> |
| − | <title>Home</title> | + | <meta name="viewport" content="width=device-width, initial-scale=1"/> |
| | + | <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%; |
| − | padding-left: 0px; | + | height: 100%; |
| | } | | } |
| | + | </style> |
| | + | </head> |
| | + | <body style="margin:0px;"> |
| | + | |
| | + | <video src="https://static.igem.org/mediawiki/2016/3/34/Jsnuchina_welcome.mp4"autoplay="autoplay"> |
| | + | </video> |
| | | | |
| − | ul.bignav >li{
| + | <script src="https://2016.igem.org/Team:JSNU-China/jquery"></script> |
| − | float: left;
| + | |
| − | font-family: 黑体;
| + | |
| − | font-size: 1.5em;
| + | |
| − | width: 25%;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| | | | |
| − | ul.bignav >li.firstli{
| + | <script> |
| − | width: 44%;
| + | function delayer(){ |
| | + | window.location = "index.html"; |
| | } | | } |
| | | | |
| − | ul.bignav >li.nofirstli{ | + | jQuery(document).ready(function(){ |
| − | width: 28%;
| + | setTimeout('delayer()', 9000); |
| − | }
| + | //这里实现延迟5秒跳转 |
| − | | + | }); |
| − | ul.bignav >li>a{
| + | </script> |
| − | 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>© Copyright © 2014.Company name All rights reserved.</p>
| + | |
| − | </div> | + | |
| | </body> | | </body> |
| | </html> | | </html> |
