(Prototype team page) |
|||
Line 1: | Line 1: | ||
{{OUC-China}} | {{OUC-China}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>Team OUC-China: Main</title> | ||
+ | <meta charset="utf-8" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/Team:OUC-China/CSS6?action=raw&ctype=text/css" /> | ||
− | < | + | |
+ | <style> | ||
− | < | + | #bodyContent{ |
− | < | + | margin:0; |
+ | padding:0; | ||
+ | position:absolute; | ||
+ | top:0 !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .copyright1 { | ||
+ | text-align: center; | ||
+ | padding-top: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | background-color: gray; | ||
+ | color: #FFFFFF; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: lighter; | ||
+ | letter-spacing: 2px; | ||
+ | border-top-width: 2px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #myBtn { | ||
+ | display: none; | ||
+ | position: fixed; | ||
+ | bottom: 20px; | ||
+ | right: 30px; | ||
+ | z-index: 99; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | background-color: gray; | ||
+ | color: white; | ||
+ | cursor: pointer; | ||
+ | padding: 15px; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | #myBtn:hover { | ||
+ | background-color: #555; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | <body class="homepage"> | ||
+ | |||
+ | <button onclick="topFunction()" id="myBtn" title="回顶部">TOP</button> | ||
+ | |||
+ | <div id="page-wrapper" > | ||
+ | |||
+ | |||
+ | <!-- Nav --> | ||
+ | <nav id="nav"> | ||
+ | <ul> | ||
+ | <li ><a href="https://2018.igem.org/Team:OUC-China">Main</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Description">Overview</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Design">Design</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Results">Results</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Demonstrate">Demonstrate</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Lab WORK</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Safety">Safety</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/InterLab">InterLab</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Model">Model</a> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Parts">Parts</a> | ||
+ | </li> | ||
+ | <li><a href="#">Human_Practices</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Human_Practices">Human_Practices</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Public_Engagement">Public_Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Team">Team_Member</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:OUC-China/Notebook">Notebook</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </nav> | ||
+ | |||
+ | <!-- Banner --> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2018/a/ab/T--OUC-China--experiment.jpg"alt="banner"width="100%"> | ||
+ | |||
+ | </div> | ||
+ | <!-- Main --> | ||
+ | <div id="main" class="container"> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="12u"> | ||
+ | |||
+ | <!-- Features --> | ||
+ | <section class="box features"> | ||
+ | <h2 class="major"><span>Experiments</span></h2> | ||
+ | |||
+ | <p align="justify"> | ||
+ | |||
+ |    | ||
+ | |||
+ | <br />   | ||
+ | |||
+ | <br />   | ||
+ | |||
+ | <br />   | ||
+ | |||
+ | <br />   | ||
+ | |||
+ | <br />   | ||
+ | |||
+ | <br />   | ||
+ | |||
+ | <br />   | ||
+ | |||
+ | <br />   | ||
− | |||
− | |||
</p> | </p> | ||
+ | </section> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
− | |||
− | < | + | <!-- Scripts --> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | <script src="http://https://2018.igem.org/Team:OUC-China/jquery?action=raw&ctype=text/javascript"></script> |
+ | <script src="https://2018.igem.org/Team:OUC-China/dropotron?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Team:OUC-China/skeljs?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Team:OUC-China/skelviewport?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Team:OUC-China/utiljs?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Team:OUC-China/mainjs?action=raw&ctype=text/javascript"></script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div class="copyright1">Contact Us : oucigem@163.com | ©2018 OUC IGEM.All Rights Reserved. | ………… </div> | ||
+ | |||
− | < | + | <script> |
+ | // 当网页向下滑动 20px 出现"返回顶部" 按钮 | ||
+ | window.onscroll = function() {scrollFunction()}; | ||
+ | |||
+ | function scrollFunction() {console.log(121); | ||
+ | if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { | ||
+ | document.getElementById("myBtn").style.display = "block"; | ||
+ | } else { | ||
+ | document.getElementById("myBtn").style.display = "none"; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | // 点击按钮,返回顶部 | ||
+ | function topFunction() { | ||
+ | document.body.scrollTop = 0; | ||
+ | document.documentElement.scrollTop = 0; | ||
+ | } | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 11:37, 25 September 2018
Experiments
Contact Us : oucigem@163.com | ©2018 OUC IGEM.All Rights Reserved. | …………