(18 intermediate revisions by 2 users not shown) | |||
Line 32: | Line 32: | ||
background-color: transparent !important; | background-color: transparent !important; | ||
} | } | ||
− | + | .top{ | |
− | + | position: fixed !important; | |
− | + | right: 50px !important; | |
− | + | bottom: 100px !important; | |
− | + | display: none !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
</style> | </style> | ||
+ | <script> | ||
+ | window.onload = function () { | ||
+ | var gotop = $("gotop"); | ||
+ | var start = 0,end =0; //start是开始位置,end是结束位置 结束位置为0. | ||
+ | var timer = null; //定时器 | ||
+ | var scrollTop = 0; | ||
+ | window.onscroll = function () { | ||
+ | scroll().top> 200 ? show(gotop) :hide(gotop); | ||
+ | start = scroll().top; | ||
+ | } | ||
+ | gotop.onclick = function () { | ||
+ | end=0; | ||
+ | timer = setInterval(function(){ | ||
+ | start = start + (end - start) /10; | ||
+ | window.scrollTo(0,start); //把内容滚动到指定坐标 | ||
+ | if(start == end){ | ||
+ | clearInterval(timer); | ||
+ | } | ||
+ | },10); | ||
+ | } | ||
+ | } | ||
+ | function $(id){ | ||
+ | return document.getElementById(id); | ||
+ | } | ||
+ | function show(obj){ | ||
+ | obj.style.display = "block"; | ||
+ | } | ||
+ | function hide(obj){ | ||
+ | obj.style.display = "none"; | ||
+ | } | ||
+ | function scroll(){ | ||
+ | if(window.pageYOffset != null){ | ||
+ | return { left: window.pageXOffset, | ||
+ | top: window.pageYOffset | ||
+ | } | ||
+ | }else if(document.compatMode == "CSS1Compat"){ | ||
+ | return { | ||
+ | left: document.documentElement.scrollLeft, | ||
+ | top: document.documentElement.scrollTop | ||
+ | } | ||
+ | }else{ | ||
+ | return { left: document.body.scrollLeft, | ||
+ | top: document.body.scrollTop | ||
+ | } | ||
+ | } | ||
+ | } | ||
− | + | </script> | |
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
− | |||
− | |||
<link href="https://2019.igem.org/Template:SEU/Home_CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | <link href="https://2019.igem.org/Template:SEU/Home_CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
<link href="https://2019.igem.org/Template:SEU/Home_CSS2?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | <link href="https://2019.igem.org/Template:SEU/Home_CSS2?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
− | + | <body> | |
+ | <br><br><br><br> | ||
+ | <div class="top" id="gotop"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/b/be/T--SEU--tm-wy1.jpg" width="30" height="30"> | ||
+ | </div> | ||
+ | </body> | ||
+ | <a id="top"></a> | ||
<header id="header"> | <header id="header"> | ||
<div class="container-fluid"style="position:fixed;"> | <div class="container-fluid"style="position:fixed;"> | ||
<div class="navbar"> | <div class="navbar"> | ||
− | <a href="https://2019.igem.org/Team:SEU" id="logo" title=" | + | <a href="https://2019.igem.org/Team:SEU" id="logo" title="home"> |
− | SEU | + | <img src="https://static.igem.org/mediawiki/2019/1/1d/T--SEU--home.png" width=100> |
</a> | </a> | ||
<div class="navigation-row"> | <div class="navigation-row"> | ||
Line 84: | Line 115: | ||
</div> | </div> | ||
</li> | </li> | ||
− | <li><a href="https://2019.igem.org/Team:SEU/Description">Project</a></ | + | <li><a href="https://2019.igem.org/Team:SEU/Description">Project</a> |
− | + | <div class="popList"> | |
− | + | <a href="https://2019.igem.org/Team:SEU/Description">Description</a> | |
− | <li><a href="https://2019.igem.org/Team:SEU/Human_Practices">Human Practices</a></li> | + | <a href="https://2019.igem.org/Team:SEU/Model">Model</a> |
− | <li><a href="https://2019.igem.org/Team:SEU/ | + | <a href="https://2019.igem.org/Team:SEU/Demonstrate">Demonstrate</a> |
+ | <a href="https://2019.igem.org/Team:SEU/Experiments">Experiments</a> | ||
+ | <a href="https://2019.igem.org/Team:SEU/Improve">Improve</a> | ||
+ | <a href="https://2019.igem.org/Team:SEU/Contribution">Contribution</a> | ||
+ | <a href="https://2019.igem.org/Team:SEU/Notebook">Notebook</a> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2019.igem.org/Team:SEU/Human_Practices">Human Practices</a> | ||
+ | </li> | ||
+ | <li><a href="https://2019.igem.org/Team:SEU/Software">Software</a> | ||
+ | </li> | ||
<li><a href="https://igem.org/2019_Judging_Form?team=SEU">Judging Form</a></li> | <li><a href="https://igem.org/2019_Judging_Form?team=SEU">Judging Form</a></li> | ||
</ul> | </ul> | ||
Line 97: | Line 139: | ||
</div> | </div> | ||
</header> | </header> | ||
− | |||
</html> | </html> |
Latest revision as of 17:11, 21 October 2019