Difference between revisions of "Template:SZU-China/Nav demo"
| (10 intermediate revisions by 2 users not shown) | |||
| Line 222: | Line 222: | ||
<body> | <body> | ||
<div style="height: 56px;background-color: black;opacity: 0.7;padding: 0 1rem;position:relative;z-index:1000;"> | <div style="height: 56px;background-color: black;opacity: 0.7;padding: 0 1rem;position:relative;z-index:1000;"> | ||
| − | <a class="navbar-brand" href=" | + | <a class="navbar-brand" href="https://2018.igem.org/Team:SZU-China"> |
| − | + | <img src="https://static.igem.org/mediawiki/2018/1/15/T--SZU-China--logo.png" height="50" alt="Route 66 in navbar"> | |
| − | + | <span class="d-inline-block ml-2">SZU-China</span> | |
| − | + | </a> | |
<div style="height: 56px;width: 60%;float: right;text-align: right;padding-top: 14px"> | <div style="height: 56px;width: 60%;float: right;text-align: right;padding-top: 14px"> | ||
| − | <a class="nav-1-item" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a> | + | <a class="nav-1-item" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a> |
| − | <a class="nav-1-item" href="https://2018.igem.org/Team:SZU-China/Human_Practices">Human Practices</a> | + | <a class="nav-1-item father" id="nav1_5" data-id="5" href="https://2018.igem.org/Team:SZU-China/Human_Practices">Human Practices</a> |
<a class="nav-1-item father" id="nav1_4" data-id="4">Experiment</a> | <a class="nav-1-item father" id="nav1_4" data-id="4">Experiment</a> | ||
<a class="nav-1-item father" id="nav1_3" data-id="3">Project</a> | <a class="nav-1-item father" id="nav1_3" data-id="3">Project</a> | ||
| Line 261: | Line 261: | ||
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Notebook">Notebook</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Notebook">Notebook</a></div> | ||
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Protocol">Protocol</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Protocol">Protocol</a></div> | ||
| + | </div> | ||
| + | <div class="sub_menu son" id="sub5" style="display: none;left: 44.3%"> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a></div> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Meetup">Meetup</a></div> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Investigation">Investigation</a></div> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Simulation">Simulation</a></div> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Public_Engagement">Education&Public engagement</a></div> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="header-nav" style="text-align: center;display: none"> | <div class="header-nav" style="text-align: center;display: none"> | ||
<div style="width: 100%;height: 45px;text-align: center;" id="header_list"> | <div style="width: 100%;height: 45px;text-align: center;" id="header_list"> | ||
| + | <a class="nav-item1" id="nav0" style="color: white;" href="https://2018.igem.org/Team:SZU-China">Home</a> | ||
<a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav1" data-id="1">Awards</a> | <a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav1" data-id="1">Awards</a> | ||
<a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav2" data-id="2">Team</a> | <a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav2" data-id="2">Team</a> | ||
<a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav3" data-id="3">Project</a> | <a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav3" data-id="3">Project</a> | ||
<a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav4" data-id="4">Experiment</a> | <a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav4" data-id="4">Experiment</a> | ||
| − | <a class="nav-item1">Human Practices</a> | + | <a class="nav-item1 nav-father" style="display:inline-block;height:45px;color: white;" id="nav5" data-id="5" href="https://2018.igem.org/Team:SZU-China/Human_Practices">Human Practices</a> |
| − | <a class="nav-item1">Applet</a> | + | <a class="nav-item1" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a> |
</div> | </div> | ||
<div class="sub_menu nav_son" id="header_nav1" style="display: none;left: 21%;"> | <div class="sub_menu nav_son" id="header_nav1" style="display: none;left: 21%;"> | ||
| Line 299: | Line 308: | ||
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Notebook">Notebook</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Notebook">Notebook</a></div> | ||
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Protocol">Protocol</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Protocol">Protocol</a></div> | ||
| + | </div> | ||
| + | <div class="sub_menu nav_son" id="header_nav5" style="display: none;left: 44.3%"> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a></div> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Meetup">Meetup</a></div> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Investigation">Investigation</a></div> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Simulation">Simulation</a></div> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Public_Engagement">Education&Public engagement</a></div> | ||
| + | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div> | ||
</div> | </div> | ||
</div> | </div> | ||
<script> | <script> | ||
| − | for(i=1;i<= | + | for(i=1;i<=5;i++){ |
$("#sub"+i).attr("style","left:" + document.getElementById("nav1_"+i).getBoundingClientRect().left+"px;display:none"); | $("#sub"+i).attr("style","left:" + document.getElementById("nav1_"+i).getBoundingClientRect().left+"px;display:none"); | ||
} | } | ||
Latest revision as of 20:04, 17 October 2018
