https://www.jubileebiomed.com/js/layout04/main.js

1$(document).ready(function() {
2    //手機板選單功能，數字為手機板選單要出現的寬度
3    mobileMenuInit(1000);
4
5    //上方主選單.menu的功能
6    menuInit();
7
8    //啟動選單上購物車下拉列表
9    gocartBtnInit();
10
11    //按鈕切換class功能
12    toggleBtnInit();
13
14    //側選單開合
15    sideNavInit();
16
17    //語系下拉，沒有下拉請註解這行
18    //languageMenuInit('.site-header .language');
19
20    //表單單選&多選按鈕選定時，在外層label加上 ckecked 的class
21    labelCkeckedInit();
22
23    //TOP按鈕的功能
24    gotopBtnInit();
25    masonry('.masonry-list');
26
27
28    if ($(".news-sect").length > 0) {
29        $(".news-sect").addClass('wow1');
30        var afterReveal = function(e){
31            var $ele = $(e);
32            $ele.addClass("loaded");
33        }
34        var wow1 = new WOW({
35            boxClass:     'wow1',  
36            offset:       100, 
37            callback: afterReveal
38        });
39        wow1.init();
40    }
41
42    if ($(".about-sect").length > 0) {
43        $(".about-sect").addClass('wow1');
44        var afterReveal = function(e){
45            var $ele = $(e);
46            $ele.addClass("loaded");
47        }
48        var wow1 = new WOW({
49            boxClass:     'wow1',  
50            offset:       100, 
51            callback: afterReveal
52        });
53        wow1.init();
54        $(".about-sect .col.pic img")
55        .attr("src", "/images/layout04/common/index/about_pic.webp")
56        .attr("data-src", "/images/layout04/common/index/about_pic.webp");
57        $(".about-sect .col.txt").append('<div class="about-bg-word">ABOUT JUBILEE ABOUT JUBILEE ABOUT JUBILEE</div>');
58        $(".about-sect .index_more a").addClass('wow');
59        $(".about-sect .index_more a").addClass('fadeInUp');
60        $(".about-sect .index_more a").attr('data-wow-delay','0.7s');
61    }
62
63    if ($(".products-sect").length > 0) {
64        $(".products-sect").addClass('wow1');
65        var afterReveal = function(e){
66            var $ele = $(e);
67            $ele.addClass("loaded");
68        }
69        var wow1 = new WOW({
70            boxClass:     'wow1',  
71            offset:       100, 
72            callback: afterReveal
73        });
74        wow1.init();
75    }
76
77    if ($(".service-sect").length > 0) {
78        $(".service-sect").addClass('wow1');
79        var afterReveal = function(e){
80            var $ele = $(e);
81            $ele.addClass("loaded");
82        }
83        var wow1 = new WOW({
84            boxClass:     'wow1',  
85            offset:       100, 
86            callback: afterReveal
87        });
88        wow1.init();
89        $(".service-sect .flex").wrap('<div class="row"></div>');
90        $(".service-sect .row").append('<div class="col"><img itemprop="image" class="wow fadeInUp" src="images/layout04/common/index/service_pic.webp" alt="SERVICE" title="SERVICE"></div>');
91        $(".service-sect .flex").append('<div class="service-bg-word">OUR SERVICE OUR SERVICE OUR SERVICE OUR SERVICE</div>');
92        $(".service-sect .title").removeClass('wofadeInw');
93        $(".service-sect .title").addClass('fadeInUp');
94        $(".service-sect article.editor").removeClass('wofadeInw');
95        $(".service-sect article.editor").addClass('fadeInUp');
96        $(".service-sect article.edito").attr('data-wow-delay','0.3s');
97        $(".service-sect .index_more a").addClass('wow');
98        $(".service-sect .index_more a").addClass('fadeInUp');
99        $(".service-sect .index_more a").attr('data-wow-delay','0.7s');
100    }
101
102    if ($(".album-sect").length > 0) {
103        $(".album-sect").addClass('wow1');
104        var afterReveal = function(e){
105            var $ele = $(e);
106            $ele.addClass("loaded");
107        }
108        var wow1 = new WOW({
109            boxClass:     'wow1',  
110            offset:       100, 
111            callback: afterReveal
112        });
113        wow1.init();
114    }
115
116
117});
118
119$(window).on('scroll', function() {
120    if($('body').height()>($(window).innerHeight() + $('.site-header').height() + 70)){
121        //捲動超過header時，body會加上 header-fixed
122        if ($(this).scrollTop() > $('.site-header').height()){
123            $('body').addClass('header-fixed');
124        } else {
125            $('body').removeClass('header-fixed');
126        }
127    }
128}).scroll();