Difference between revisions of "Template:SZU-China/header"
| (6 intermediate revisions by 2 users 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 | + | <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/ | + | <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 & 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 | + | <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/ | + | <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 & 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 () { | ||
| + | $("#sub1").show(); | ||
| + | $("#sub1").attr("style", "left:" + document.getElementById("nav1_1").getBoundingClientRect().left + | ||
| + | "px;top:" + (document.getElementById("nav1_1").getBoundingClientRect().top + 22) + "px"); | ||
| + | }, function () { | ||
| + | $("#sub1").hide(); | ||
| + | }); | ||
| + | $("#nav1_2").hover(function () { | ||
| + | $("#sub2").show(); | ||
| + | $("#sub2").attr("style", "left:" + document.getElementById("nav1_2").getBoundingClientRect().left + | ||
| + | "px;top:" + (document.getElementById("nav1_1").getBoundingClientRect().top + 22) + "px"); | ||
| + | }, function () { | ||
| + | $("#sub2").hide(); | ||
| + | }); | ||
| + | $("#nav1_3").hover(function () { | ||
| + | $("#sub3").show(); | ||
| + | $("#sub3").attr("style", "left:" + document.getElementById("nav1_3").getBoundingClientRect().left + | ||
| + | "px;top:" + (document.getElementById("nav1_1").getBoundingClientRect().top + 22) + "px"); | ||
| + | }, function () { | ||
| + | $("#sub3").hide(); | ||
| + | }); | ||
| + | $("#nav1_4").hover(function () { | ||
| + | $("#sub4").show(); | ||
| + | $("#sub4").attr("style", "left:" + document.getElementById("nav1_4").getBoundingClientRect().left + | ||
| + | "px;top:" + (document.getElementById("nav1_1").getBoundingClientRect().top + 22) + "px"); | ||
| + | }, function () { | ||
| + | $("#sub4").hide(); | ||
| + | }); | ||
| + | |||
| + | $("#nav1").hover(function () { | ||
| + | $("#sub1").show(); | ||
| + | $("#sub1").attr("style", "left:" + document.getElementById("nav1").getBoundingClientRect().left + | ||
| + | "px;top:" + (document.getElementById("nav1").getBoundingClientRect().top + 11 + document.documentElement | ||
| + | .scrollTop) + "px"); | ||
| + | }, function () { | ||
| + | $("#sub1").hide(); | ||
| + | }); | ||
| + | $("#sub1").hover(function () { | ||
| + | $("#sub1").show(); | ||
| + | }, function () { | ||
| + | $("#sub1").hide(); | ||
| + | }); | ||
| + | $("#nav2").hover(function () { | ||
| + | $("#sub2").show(); | ||
| + | $("#sub2").attr("style", "left:" + document.getElementById("nav2").getBoundingClientRect().left + | ||
| + | "px;top:" + (document.getElementById("nav2").getBoundingClientRect().top + 11 + document.documentElement | ||
| + | .scrollTop) + "px"); | ||
| + | }, function () { | ||
| + | $("#sub2").hide(); | ||
| + | }); | ||
| + | $("#sub2").hover(function () { | ||
| + | $("#sub2").show(); | ||
| + | }, function () { | ||
| + | $("#sub2").hide(); | ||
| + | }); | ||
| + | $("#nav3").hover(function () { | ||
| + | $("#sub3").show(); | ||
| + | $("#sub3").attr("style", "left:" + document.getElementById("nav3").getBoundingClientRect().left + | ||
| + | "px;top:" + (document.getElementById("nav3").getBoundingClientRect().top + 11 + document.documentElement | ||
| + | .scrollTop) + "px"); | ||
| + | }, function () { | ||
| + | $("#sub3").hide(); | ||
| + | }); | ||
| + | $("#sub3").hover(function () { | ||
| + | $("#sub3").show(); | ||
| + | }, function () { | ||
| + | $("#sub3").hide(); | ||
| + | }); | ||
| + | $("#nav4").hover(function () { | ||
| + | $("#sub4").show(); | ||
| + | $("#sub4").attr("style", "left:" + document.getElementById("nav4").getBoundingClientRect().left + | ||
| + | "px;top:" + (document.getElementById("nav4").getBoundingClientRect().top + 11 + document.documentElement | ||
| + | .scrollTop) + "px"); | ||
| + | }, function () { | ||
| + | $("#sub4").hide(); | ||
| + | }); | ||
| + | $("#sub4").hover(function () { | ||
| + | $("#sub4").show(); | ||
| + | }, function () { | ||
| + | $("#sub4").hide(); | ||
| + | }); | ||
</script> | </script> | ||
Latest revision as of 23:36, 17 October 2018
