Difference between revisions of "Template:HZAU-China"

Line 169: Line 169:
 
       </li>
 
       </li>
 
       <li class="Project menu_item">
 
       <li class="Project menu_item">
         <a class="nav_tissue" href="">Project
+
         <a class="nav_tissue" href="">Project<span class="caret"></span></a>
          <span class="caret"></span>
+
        </a>
+
 
         <ul class="nav_cell shadow">
 
         <ul class="nav_cell shadow">
 
           <li>
 
           <li>
Line 206: Line 204:
 
       </li>
 
       </li>
 
       <li class="Parts menu_item">
 
       <li class="Parts menu_item">
         <a class="nav_tissue" href="">Parts
+
         <a class="nav_tissue" href="">Parts<span class="caret"></span></a>
          <span class="caret"></span>
+
        </a>
+
 
         <ul class="nav_cell shadow">
 
         <ul class="nav_cell shadow">
 
           <li>
 
           <li>
Line 228: Line 224:
 
       </li>
 
       </li>
 
       <li class="HP menu_item">
 
       <li class="HP menu_item">
         <a class="nav_tissue" href="">Human Practices
+
         <a class="nav_tissue" href="">Human Practices<span class="caret"></span></a>
          <span class="caret"></span>
+
        </a>
+
 
         <ul class="nav_cell shadow">
 
         <ul class="nav_cell shadow">
 
           <li>
 
           <li>
Line 244: Line 238:
 
       </li>
 
       </li>
 
       <li class="Awards menu_item">
 
       <li class="Awards menu_item">
         <a class="nav_tissue" href="">Awards
+
         <a class="nav_tissue" href="">Awards<span class="caret"></span></a>
          <span class="caret"></span>
+
        </a>
+
 
         <ul class="nav_cell shadow">
 
         <ul class="nav_cell shadow">
 
           <li>
 
           <li>
Line 259: Line 251:
 
   </div>
 
   </div>
 
</body>
 
</body>
<script>
 
  document.getElementById("bianse_1").style.color = "black";
 
  document.getElementById("HZAU_menu_1").style.backgroundColor = "rgb(249,228,137)";
 
  window.onscroll = function () {
 
    var top = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop,
 
      bianse_1 = document.getElementById("bianse_1"),
 
      bianse_2 = document.getElementById("bianse_2"),
 
      bianse_3 = document.getElementById("bianse_3"),
 
      HZAU_menu_1 = document.getElementById("HZAU_menu_1"),
 
      HZAU_menu_2 = document.getElementById("HZAU_menu_2"),
 
      HZAU_menu_3 = document.getElementById("HZAU_menu_3");
 
  
    if (top > 0 && top < 625.8) {
 
      bianse_1.style.color = "black";
 
      bianse_2.style.color = "rgb(249,228,137)";
 
      bianse_3.style.color = "rgb(249,228,137)";
 
      HZAU_menu_1.style.backgroundColor = "rgb(249,228,137)";
 
      HZAU_menu_2.style.backgroundColor = "";
 
      HZAU_menu_3.style.backgroundColor = "";
 
      bianse_1.onmouseover = function () {
 
        bianse_1.style.color = "black";
 
      }
 
      bianse_1.onmouseout = function () {
 
        bianse_1.style.color = "black";
 
      }
 
      bianse_2.onmouseover = function () {
 
        bianse_2.style.color = "black";
 
      }
 
      bianse_2.onmouseout = function () {
 
        bianse_2.style.color = "rgb(249,228,137)";
 
      }
 
      bianse_3.onmouseover = function () {
 
        bianse_3.style.color = "black";
 
      }
 
      bianse_3.onmouseout = function () {
 
        bianse_3.style.color = "rgb(249,228,137)";
 
      }
 
    }
 
    if (top >= 625.8 && top < 1605.2) {
 
      bianse_1.style.color = "rgb(249,228,137)";
 
      bianse_2.style.color = "black";
 
      bianse_3.style.color = "rgb(249,228,137)";
 
      HZAU_menu_1.style.backgroundColor = "";
 
      HZAU_menu_2.style.backgroundColor = "rgb(249,228,137)";
 
      HZAU_menu_3.style.backgroundColor = "";
 
 
      bianse_1.onmouseover = function () {
 
        bianse_1.style.color = "black";
 
      }
 
      bianse_1.onmouseout = function () {
 
        bianse_1.style.color = "rgb(249,228,137)";
 
      }
 
      bianse_2.onmouseover = function () {
 
        bianse_2.style.color = "black";
 
      }
 
      bianse_2.onmouseout = function () {
 
        bianse_2.style.color = "black";
 
      }
 
      bianse_3.onmouseover = function () {
 
        bianse_3.style.color = "black";
 
      }
 
      bianse_3.onmouseout = function () {
 
        bianse_3.style.color = "rgb(249,228,137)";
 
      }
 
    }
 
    if (top >= 1605.2) {
 
      bianse_1.style.color = "rgb(249,228,137)";
 
      bianse_2.style.color = "rgb(249,228,137)";
 
      bianse_3.style.color = "black";
 
      HZAU_menu_1.style.backgroundColor = "";
 
      HZAU_menu_2.style.backgroundColor = "";
 
      HZAU_menu_3.style.backgroundColor = "rgb(249,228,137)";
 
      bianse_1.onmouseover = function () {
 
        bianse_1.style.color = "black";
 
      }
 
      bianse_1.onmouseout = function () {
 
        bianse_1.style.color = "rgb(249,228,137)";
 
      }
 
      bianse_2.onmouseover = function () {
 
        bianse_2.style.color = "black";
 
      }
 
      bianse_2.onmouseout = function () {
 
        bianse_2.style.color = "rgb(249,228,137)";
 
      }
 
      bianse_3.onmouseover = function () {
 
        bianse_3.style.color = "black";
 
      }
 
      bianse_3.onmouseout = function () {
 
        bianse_3.style.color = "black";
 
      }
 
    }
 
  }
 
</script>
 
  
  
 
</html>
 
</html>

Revision as of 09:14, 28 October 2017

<!DOCTYPE html>