https://mobiletod.com/Template/js/common.js

1
2$(function () {
3    if ($(window).scrollTop() > $(".banner").height() - 105) {
4        $("header").addClass("on");
5    } else {
6        $("header").removeClass("on")
7    }
8
9    $(window).resize(function () {
10        
11    })
12    if ($(window).width() > 1100) {
13        $("header ul li").hover(function () {
14            $(this).addClass("on")
15            $(this).find(".dropmenu").slideDown()
16        }, function () {
17            $(this).removeClass("on")
18            $(this).find(".dropmenu").slideUp()
19        })
20    } else {
21        $("header ul li>a").attr("href", "javascript:;")
22        $("header ul li>a").click(function () {
23            var display = $(this).next(".dropmenu").css('display');
24            if (display == 'none') {
25                $(this).next(".dropmenu").stop().slideDown().parent().siblings().find(".dropmenu").stop().slideUp()
26            } else {
27                $(this).next(".dropmenu").stop().slideUp()
28            }
29        })
30    }
31
32    $(window).scroll(function () {
33        if ($(window).scrollTop() > $(".banner").height() - 105) {
34            $("header").addClass("on");
35        } else {
36            $("header").removeClass("on")
37        }
38    })
39
40    $(".a_js").click(
41       function () {
42           $(".a_txt").stop(true, false).delay(0).animate({ width: "100%", height: "100%" }, 0);
43           $(".a_txt").find(".div1").stop(true, false).delay(0).animate({ opacity: "0.9" }, 500);
44           $(".a_txt").find(".div2").stop(true, false).delay(0).animate({ opacity: "1" }, 500);
45           $(".a_txt").find(".div3").stop(true, false).delay(0).animate({ right: "0" }, 500);
46       }
47   )
48    $(".a_closed").click(
49        function () {
50            $(".a_txt").stop(true, false).delay(500).animate({ width: "0", height: "0" }, 0);
51            $(".a_txt").find(".div1").stop(true, false).delay(0).animate({ opacity: "0" }, 500);
52            $(".a_txt").find(".div2").stop(true, false).delay(0).animate({ opacity: "0" }, 500);
53            $(".a_txt").find(".div3").stop(true, false).delay(0).animate({ right: "-80%" }, 500);
54        }
55    )
56
57    navEvents();
58    $(window).resize(function () {
59        navEvents()
60    });
61    function navEvents() {
62        if ($(".subnav").length > 0 && $(".wrapper2").length > 0 && $(window).scrollTop() >= $(".wrapper2").offset().top - 200) {
63            $("header").css("position", "absolute")
64            $(".subnav").addClass("fixed")
65        } else {
66            $("header").css("position", "fixed")
67            $(".subnav").removeClass("fixed")
68        }
69    };
70    $(window).scroll(function () {
71        navEvents();
72    })
73
74    $(".subnav .weui-cell").click(function () {
75        $(this).toggleClass("active")
76        $(this).next("ul").slideToggle()
77    })
78
79
80    $(".stuList .fadeInUp").each(function (index, element) {
81        $(this).attr("data-wow-delay", index * 3 / 10 + "s");
82    });
83    $(".wrapper2 .fadeInUp").each(function (index, element) {
84        $(this).attr("data-wow-delay", index * 3 / 10 + "s");
85    });
86    $(".imgSmall .fadeInUp").each(function (index, element) {
87        $(this).attr("data-wow-delay", index * 3 / 10 + "s");
88    });
89    $(".index4 .fadeInUp").each(function (index, element) {
90        $(this).attr("data-wow-delay", index * 3 / 10 + "s");
91    });
92    $(".index3 .right .fadeInRight").each(function (index, element) {
93        $(this).attr("data-wow-delay", index * 3 / 10 + "s");
94    });
95    $(".news .fadeInUp").each(function (index, element) {
96        $(this).attr("data-wow-delay", index * 3 / 10 + "s");
97    });
98    $(".botLeft .fadeInLeft").each(function (index, element) {
99        $(this).attr("data-wow-delay", index * 3 / 10 + "s");
100    });
101})