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

Line 362: Line 362:
 
             }
 
             }
 
         };
 
         };
 
+
   
       
+
 
+
 
+
 
+
        $("#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:19, 17 October 2018