Difference between revisions of "Template:SEU/Header"

 
(36 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<!-- 解决官网bug的 CSS -->
 +
<style>
 +
        /*消除官网坑爹样式*/
 +
        body {
 +
            margin-top:-6px;
 +
            height: 100%;
 +
            width: 100%;
 +
        }
 +
        #HQ_page p {
 +
            font-size:16px;
 +
            font-family:"微软雅黑";
 +
        }
 +
        #globalWrapper{
 +
            margin: 0;
 +
            padding: 0;
 +
        }
 +
        #content{
 +
            width: 100%;
 +
            padding: 0;
 +
            margin: -12px 0 0;
 +
        }
 +
        #top_title{
 +
            display: none;
 +
        }
 +
        #sideMenu{
 +
            display: none;
 +
        }
 +
      #content,
 +
      .vs-content,
 +
      .vs-wrapper section {
 +
        background-color: transparent !important;
 +
      }
 +
        .top{
 +
            position: fixed !important;
 +
            right: 50px !important;
 +
            bottom: 100px !important;
 +
            display: none !important;
 +
        }
 +
</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">
 +
    <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">
 +
<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">
+
             <div class="container-fluid"style="position:fixed;">
 
                 <div class="navbar">
 
                 <div class="navbar">
−
                     <p href="#" id="logo" title="SEU">
+
                     <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>
−
                     </p>
+
                     </a>
 
                     <div class="navigation-row">
 
                     <div class="navigation-row">
 
                         <nav id="navigation">
 
                         <nav id="navigation">
Line 11: Line 108:
 
                             <div class="nav-box navbar-collapse">
 
                             <div class="nav-box navbar-collapse">
 
                                 <ul class="navigation-menu nav navbar-nav navbars" id="nav">
 
                                 <ul class="navigation-menu nav navbar-nav navbars" id="nav">
−
                                     <li data-menuanchor="slide01" class="active"><a href="#slide01">Home</a></li>
+
                                     <li><a href="https://2019.igem.org/Team:SEU/Team">Team</a>
−
                                    <li data-menuanchor="slide02"><a href="#slide02">Team</a></li>
+
                                        <div class="popList">
−
                                     <li data-menuanchor="slide03"><a href="#slide03">Project</a></li>
+
                                            <a href="https://2019.igem.org/Team:SEU/Team">Members</a>
−
                                    <li data-menuanchor="slide04"><a href="#slide04">Parts</a></li>
+
                                            <a href="https://2019.igem.org/Team:SEU/Attributions">Attributions</a>
−
                                    <li data-menuanchor="slide05"><a href="#slide05">Safety</a></li>
+
                                            <a href="https://2019.igem.org/Team:SEU/Collaborations">Collaborations</a>
−
                                     <li data-menuanchor="slide06"><a href="#slide06">Human Practices</a></li>
+
                                        </div>
−
                                     <li data-menuanchor="slide07"><a href="#slide07">Awards</a></li>
+
                                    </li>
−
                                     <li data-menuanchor="slide07"><a href="#slide07">Judging Form</a></li>
+
                                     <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>
 +
                                            <a href="https://2019.igem.org/Team:SEU/Model">Model</a>
 +
                                            <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>
 
                                 </ul>
 
                                 </ul>
 
                             </div>
 
                             </div>

Latest revision as of 17:11, 21 October 2019