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

Line 363: Line 363:
 
         };
 
         };
 
      
 
      
 +
 +
      $("#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>
  

Revision as of 20:20, 17 October 2018