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

 
(4 intermediate revisions by the same user not shown)
Line 228: Line 228:
 
<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" style="color: white;" 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 father" id="nav1_5" data-id="5" style="color: white;" 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 263: Line 263:
 
     </div>
 
     </div>
 
     <div class="sub_menu son" id="sub5" style="display: none;left: 44.3%">
 
     <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/Human_Practices">Integrated HP</a></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/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/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/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/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/Public_Engagement">Education &#38; Public engagement</a></div>
 
         <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div>
 
         <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div>
 
     </div>
 
     </div>
Line 278: Line 280:
 
<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 nav-father" style="display:inline-block;height:45px" id="nav5" data-id="5" style="color: white;" 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" style="color: white;" 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>
Line 310: Line 312:
 
     </div>
 
     </div>
 
     <div class="sub_menu nav_son" id="header_nav5" style="display: none;left: 44.3%">
 
     <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/Human_Practices">Integrated HP</a></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/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/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/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/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/Public_Engagement">Education &#38; Public engagement</a></div>
 
         <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div>
 
         <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div>
 
     </div>
 
     </div>
Line 362: Line 365:
 
             }
 
             }
 
         };
 
         };
   
 
  
      $("#nav1_1").hover(function () {
+
       
 +
 
 +
 
 +
 
 +
        $("#nav1_1").hover(function () {
 
             $("#sub1").show();
 
             $("#sub1").show();
 
             $("#sub1").attr("style", "left:" + document.getElementById("nav1_1").getBoundingClientRect().left +
 
             $("#sub1").attr("style", "left:" + document.getElementById("nav1_1").getBoundingClientRect().left +
Line 392: Line 398:
 
             $("#sub4").hide();
 
             $("#sub4").hide();
 
         });
 
         });
        $("#nav1_5").hover(function () {
 
            $("#sub5").show();
 
            $("#sub5").attr("style", "left:" + document.getElementById("nav1_5").getBoundingClientRect().left +
 
                "px;top:" + (document.getElementById("nav1_1").getBoundingClientRect().top + 22) + "px");
 
        }, function () {
 
            $("#sub5").hide();
 
        });
 
 
  
 
         $("#nav1").hover(function () {
 
         $("#nav1").hover(function () {
Line 453: Line 451:
 
             $("#sub4").hide();
 
             $("#sub4").hide();
 
         });
 
         });
        $("#nav5").hover(function () {
 
            $("#sub5").show();
 
            $("#sub5").attr("style", "left:" + document.getElementById("nav5").getBoundingClientRect().left +
 
                "px;top:" + (document.getElementById("nav5").getBoundingClientRect().top + 11 + document.documentElement
 
                    .scrollTop) + "px");
 
        }, function () {
 
            $("#sub5").hide();
 
        });
 
        $("#sub4").hover(function () {
 
            $("#sub5").show();
 
        }, function () {
 
            $("#sub5").hide();
 
        });
 
 
 
     </script>
 
     </script>
  

Latest revision as of 23:36, 17 October 2018