Difference between revisions of "Template:Tsinghua-A/template-sticky-nav"

Line 1: Line 1:
 
<html>
 
<html>
−
        <!-- Sticky Nav -->
+
    <!-- Sticky Nav -->
−
        <div id="header-nav" class="header-nav">
+
    <div id="header-nav" class="header-nav">
−
            <div class="top-nav">       
+
        <div class="top-nav">       
−
                <nav>
+
            <nav>
−
                    <div class="logo">
+
                <div class="logo">
−
                        <a href="https://2018.igem.org/Team:Tsinghua-A#home" class="scroll"><img src="https://static.igem.org/mediawiki/2018/6/6e/T--Tsinghua-A--logo1.png" alt="" class="nav-logo"/></a>
+
                    <a href="https://2018.igem.org/Team:Tsinghua-A#home" class="scroll"><img src="images/logo.png" alt="" class="nav-logo"/></a>
−
                    </div>
+
                </div>
−
                    <span class="menu"></span>
+
                <span class="menu"></span>
−
                    <ul>
+
                <ul>
−
                        <li class="dropdown">
+
                    <li class="dropdown">
−
                            <ul class="dropdown-menu">
+
                        <ul class="dropdown-menu">
−
                                <li><a href="">Introduction</a></li>
+
                            <li><a href="">Introduction</a></li>
−
                                <li><a href="">Design and Test</a></li>
+
                            <li><a href="">Design and Test</a></li>
−
                            </ul>
+
                        </ul>
−
                            <a href="https://2018.igem.org/Team:Tsinghua-A/Hardware">Hardware<span class="caret"></span></a>
+
                        <a href="https://2018.igem.org/Team:Tsinghua-A/Hardware">Hardware<span class="caret"></span></a>
−
                        </li>
+
                    </li>
−
                        <li class="dropdown">
+
                    <li class="dropdown">
−
                            <ul class="dropdown-menu">
+
                        <ul class="dropdown-menu">
−
                                <li><a href="">Team Tsinghua</a></li>
+
                            <li><a href="">Team Tsinghua</a></li>
−
                                <li><a href="">Team BIT-China</a></li>
+
                            <li><a href="">Team BIT-China</a></li>
−
                            </ul>
+
                        </ul>
−
                            <a href="https://2018.igem.org/Team:Tsinghua-A/Collaborations">Collaborations<span class="caret"></span></a>
+
                        <a href="https://2018.igem.org/Team:Tsinghua-A/Collaborations">Collaborations<span class="caret"></span></a>
−
                        </li>
+
                    </li>
−
                        <li class="dropdown">
+
                    <li class="dropdown">
−
                            <ul class="dropdown-menu">
+
                        <ul class="dropdown-menu">
−
                                <li><a href="">Background and design</a></li>
+
                            <li><a href="">Background and design</a></li>
−
                                <li><a href="">Achievements</a></li>
+
                            <li><a href="">Achievements</a></li>
−
                            </ul>
+
                        </ul>
−
                            <a href="https://2018.igem.org/Team:Tsinghua-A/Experiments">Experiments<span class="caret"></span></a>
+
                        <a href="https://2018.igem.org/Team:Tsinghua-A/Experiments">Experiments<span class="caret"></span></a>
−
                        </li>   
+
                    </li>   
−
                        <li class="dropdown">
+
                    <li class="dropdown">
−
                            <ul class="dropdown-menu">
+
                        <ul class="dropdown-menu">
−
                                <li><a href="">Background</a></li>
+
                            <li><a href="">Background</a></li>
−
                                <li><a href="">Model description</a></li>
+
                            <li><a href="">Model description</a></li>
−
                                <li><a href="">Computing and Result</a></li>
+
                            <li><a href="">Computing and Result</a></li>
−
                            </ul>
+
                        </ul>
−
                            <a href="https://2018.igem.org/Team:Tsinghua-A/Model">Model<span class="caret"></span></a>
+
                        <a href="https://2018.igem.org/Team:Tsinghua-A/Model">Model<span class="caret"></span></a>
−
                        </li>       
+
                    </li>       
−
                        <li>
+
                    <li>
−
                            <a href="https://2018.igem.org/Team:Tsinghua-A/Attributions">Attributions</a>
+
                        <a href="https://2018.igem.org/Team:Tsinghua-A/Attributions">Attributions</a>
−
                        </li>
+
                    </li>
−
                        <li>
+
                    <li>
−
                            <a href="https://2018.igem.org/Team:Tsinghua-A/Human_Practices">Human Practices</a>
+
                        <a href="https://2018.igem.org/Team:Tsinghua-A/Human_Practices">Human Practices</a>
−
                        </li>
+
                    </li>
−
                        <li class="dropdown">
+
                    <li class="dropdown">
−
                            <ul class="dropdown-menu">
+
                        <ul class="dropdown-menu">
−
                                <li><a href="">Team Members</a></li>
+
                            <li><a href="">Team Members</a></li>
−
                                <li><a href="">team suits</a></li>
+
                            <li><a href="">team suits</a></li>
−
                            </ul>
+
                        </ul>
−
                            <a href="https://2018.igem.org/Team:Tsinghua-A/Team">Team<span class="caret"></span></a>
+
                        <a href="https://2018.igem.org/Team:Tsinghua-A/Team">Team<span class="caret"></span></a>
−
                        </li>
+
                    </li>
−
                        <div class="clearfix"> </div>
+
                    <div class="clearfix"> </div>
−
                    </ul>
+
                </ul>
−
                </nav>
+
            </nav>
−
            </div>
+
        </div>
−
            <!--script-nav-->
+
        <!--script-nav-->
−
            <script>
+
        <script>
 
$("span.menu").click(function(){
 
$("span.menu").click(function(){
 
     $(".top-nav ul").slideToggle("slow" , function(){
 
     $(".top-nav ul").slideToggle("slow" , function(){
 
     });
 
     });
 
});
 
});
−
            </script>
+
        </script>
−
            <!--script-nav-->
+
        <!--script-nav-->
−
         </div>
+
         <script src="js/myscript.js"> </script>
−
        <!-- top-nav -->
+
    </div>
−
        <!-- Sticky Nav -->
+
    <!-- Sticky Nav -->
−
 
+
 
</html>
 
</html>

Revision as of 05:30, 14 October 2018