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

Revision as of 18:10, 17 October 2018 (view source)

Junyu (Talk | contribs)

← Older edit

Latest revision as of 20:04, 17 October 2018 (view source)

N S (Talk | contribs)

(8 intermediate revisions by 2 users not shown)

Line 227:

</a>

−

<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_3" data-id="3">Project</a>

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/Protocol">Protocol</a></div>

+

</div>

+

+

<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>

Line 270:

Line 278:

<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" href="https://2018.igem.org/Team:SZU-China/Human_Practices">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" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a>

+

<a class="nav-item1" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a>

</div>

Line 300:

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/Protocol">Protocol</a></div>

+

</div>

+

+

<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>

−

for(i=1;i<=4;i++){

+

for(i=1;i<=5;i++){

$("#sub"+i).attr("style","left:" + document.getElementById("nav1_"+i).getBoundingClientRect().left+"px;display:none");

}

@@ Line 227: / Line 227: @@
 			</a>
 	<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_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/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>
@@ Line 270: / Line 278: @@
 		<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" href="https://2018.igem.org/Team:SZU-China/Human_Practices">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" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a>
+		<a class="nav-item1" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a>
 	</div>
      <div class="sub_menu nav_son" id="header_nav1" style="display: none;left: 21%;">
@@ Line 300: / 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/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>
 <script>
-     for(i=1;i<=4;i++){
+     for(i=1;i<=5;i++){
          $("#sub"+i).attr("style","left:" + document.getElementById("nav1_"+i).getBoundingClientRect().left+"px;display:none");
      }