Difference between revisions of "Template:SEU/Header"

 
(16 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;">
Line 59: Line 118:
 
                                         <div class="popList">
 
                                         <div class="popList">
 
                                             <a href="https://2019.igem.org/Team:SEU/Description">Description</a>
 
                                             <a href="https://2019.igem.org/Team:SEU/Description">Description</a>
−
                                             <a href="https://2019.igem.org/Team:SEU/Design">Design</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/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>
 
                                             <a href="https://2019.igem.org/Team:SEU/Notebook">Notebook</a>
−
                                            <a href="https://2019.igem.org/Team:SEU/Contribution">Contribution</a>
+
 
−
                                            <a href="https://2019.igem.org/Team:SEU/Results">Results</a>
+
−
                                            <a href="https://2019.igem.org/Team:SEU/Demonstrate">Demonstrate</a>
+
−
                                            <a href="https://2019.igem.org/Team:SEU/Improve">Improve</a>
+
 
                                         </div>
 
                                         </div>
 
                                     </li>
 
                                     </li>
−
                                    <li><a href="https://2019.igem.org/Team:SEU/Safety">Safety</a></li>
 
 
                                     <li><a href="https://2019.igem.org/Team:SEU/Human_Practices">Human Practices</a>
 
                                     <li><a href="https://2019.igem.org/Team:SEU/Human_Practices">Human Practices</a>
 
                                     </li>
 
                                     </li>
−
                                     <li><a href="https://2019.igem.org/Team:SEU/Entrepreneurship">Awards</a>
+
                                     <li><a href="https://2019.igem.org/Team:SEU/Software">Software</a>
−
                                        <div class="popList">
+
−
                                            <a href="https://2019.igem.org/Team:SEU/Hardware">Hardware</a>
+
−
                                            <a href="https://2019.igem.org/Team:SEU/Measurement">Measurement</a>
+
−
                                            <a href="https://2019.igem.org/Team:SEU/Model">Model</a>
+
−
                                            <a href="https://2019.igem.org/Team:SEU/Software">Software</a>
+
−
                                        </div>
+
 
                                     </li>
 
                                     </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>
Line 87: Line 139:
 
             </div>
 
             </div>
 
         </header>
 
         </header>
−
    <script src="https://2019.igem.org/Template:SEU/Home_JS?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
</html>
 
</html>

Latest revision as of 17:11, 21 October 2019