Difference between revisions of "Template:SZU-China/Nav"

Line 20: Line 20:
  
  
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/jquery3.2.1&action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/jquery3.2.1&action=raw&ctype=text/javascript"></script>
  
 
     <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap&action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap&action=raw&ctype=text/javascript"></script>
Line 28: Line 28:
 
     <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/popper&action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/popper&action=raw&ctype=text/javascript"></script>
  
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/smooth-scroll&action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/smooth-scroll&action=raw&ctype=text/javascript"></script>
  
 
     <title></title>
 
     <title></title>
Line 91: Line 91:
 
         <div class="collapse navbar-collapse" id="navbarExample">
 
         <div class="collapse navbar-collapse" id="navbarExample">
 
             <ul class="navbar-nav ml-auto">
 
             <ul class="navbar-nav ml-auto">
                <li class="nav-item active">
+
 
                    <a class="nav-link" href="https://2018.igem.org/Team:SZU-China">Home
+
                        <span class="sr-only">(current)</span>
+
                    </a>
+
                </li>
+
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
Line 104: Line 100:
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Team">Team Members</a>
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Team">Team Members</a>
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Collaborations">Collaborations</a>
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Collaborations">Collaborations</a>
 +
                        <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Attributions">Attributions</a>
 
                     </div>
 
                     </div>
  
Line 114: Line 111:
 
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Description">Description</a>
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Description">Description</a>
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Design
+
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Demonstrate
                            ">Design</a>
+
                                ">Demonstrate</a>
 +
 
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Model
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Model
 
                             ">Model</a>
 
                             ">Model</a>
                        <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Parts
 
                            ">Biobricks</a>
 
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Improve
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Improve
 
                             ">Improve</a>
 
                             ">Improve</a>
 +
                        <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Parts
 +
                            ">Parts</a>
 +
                        <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Safety
 +
                            ">Safety</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
Line 131: Line 131:
 
                     </a>
 
                     </a>
 
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Demonstrate
+
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Design
                                ">Demonstrate</a>
+
                            ">Design</a>
 +
                        <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Procedure
 +
                            ">Procedure</a>
 +
 
 +
 
 +
 
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Results
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Results
 
                                 ">Results</a>
 
                                 ">Results</a>
                        <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Safety
+
 
                                ">Safety</a>
+
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/InterLab
 
                         <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/InterLab
 
                                 ">InterLab</a>
 
                                 ">InterLab</a>
 +
                        <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Notebook
 +
                                ">Notebook</a>
 +
                        <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Protocol
 +
                                ">Protocol</a>
  
 
                     </div>
 
                     </div>
Line 146: Line 154:
 
                         ">Human
 
                         ">Human
 
                         Practices</a>
 
                         Practices</a>
 +
                </li>
 +
                <li class="nav-item">
 +
                    <a class="nav-link" href="https://2018.igem.org/Team:SZU-China/Applet
 +
                            ">Applet</a>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
Line 160: Line 172:
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>
         
+
 
 
             <script>
 
             <script>
 +
                //hover to dropdown
 
                 $('.dropdown').hover(function () {
 
                 $('.dropdown').hover(function () {
 
                     $('.dropdown-toggle', this).trigger('click');
 
                     $('.dropdown-toggle', this).trigger('click');
Line 175: Line 188:
 
                     $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
 
                     $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
 
                 });
 
                 });
 +
                //scrollspy
 +
                $('body').scrollspy({
 +
                    target: '#myScrollspy',
 +
                    offset: 10
 +
                });
 +
                //smoothscroll
 +
                var scroll = new SmoothScroll('a[href*="#"]');
 
             </script>
 
             </script>
  
Line 181: Line 201:
 
     <!-- Navbar -->
 
     <!-- Navbar -->
  
   
+
 
  
  

Revision as of 12:12, 6 October 2018