https://www.fujisan-kkb.jp/shared/js/script_new.js

1// JavaScript Document
2
3// ========================
4// ハンバーガーメニュー
5// ========================
6$(function() {
7	$('.menu-trigger').on('click',function(){
8    if($(this).hasClass('active')){
9      $(this).removeClass('active');
10      $('.navigation').removeClass('open');
11      $('body').removeClass('is-fixed');
12      $('.overlay').removeClass('open');
13    } else {
14      $(this).addClass('active');
15      $('.navigation').addClass('open');
16      $('body').addClass('is-fixed');
17      $('.overlay').addClass('open');
18    }
19  });
20	$('.navigation a').on('click',function(){
21    if($(this).parents(".navigation").hasClass('open')){
22      $(this).parents(".navigation").removeClass('open');
23      $('.menu-trigger').removeClass('active');
24      $('body').removeClass('is-fixed');
25			$('.overlay').removeClass('open');  
26    }
27  });
28  $('.overlay').on('click',function(){
29    if($(this).hasClass('open')){
30      $(this).removeClass('open');
31      $('.menu-trigger').removeClass('active');
32      $('.navigation').removeClass('open');
33      $('body').removeClass('is-fixed');
34			$('.overlay').removeClass('open');  
35    }
36  });
37});
38
39
40// ========================
41// header ホバー表示のナビゲーション
42// ========================
43
44$(function(){
45  $('.link_lang').hover(function(event){
46    if($(this).children('.list_lang_wrapper').hasClass('open')){
47      $(this).children('.list_lang_wrapper').removeClass('open');
48    } else {
49      $(this).children('.list_lang_wrapper').addClass('open');
50    }
51    event.stopPropagation();
52  });
53});
54
55$(function(){
56  $('.box_link_header').hover(function(event){
57    if($(this).children('.list_link_wrapper').hasClass('open')){
58      $(this).children('.list_link_wrapper').removeClass('open');
59    } else {
60      $(this).children('.list_link_wrapper').addClass('open');
61      $('.box_link_header').not($(this)).children('.list_link_wrapper').removeClass('open');
62    }
63    event.stopPropagation();
64  });
65});
66
67
68// ========================
69// navigation アコーディオン
70// ========================
71
72$(function(){
73  $('.box_link_navigation dt').click(function(event){
74    if($(this).siblings('dd').hasClass('open')){
75      $(this).removeClass('accOn');
76      $(this).siblings('dd').removeClass('open');
77    } else {
78      $(this).addClass('accOn');
79      $(this).siblings('dd').addClass('open');
80      $('.box_link_navigation dt').not($(this)).siblings('dd').removeClass('open');
81    }
82    event.stopPropagation();
83  });
84  $('.link_lang_navigation dt').click(function(event){
85    if($(this).siblings('dd').hasClass('open')){
86      $(this).removeClass('accOn');
87      $(this).siblings('dd').removeClass('open');
88    } else {
89      $(this).addClass('accOn');
90      $(this).siblings('dd').addClass('open');
91      $('.link_lang_navigation dt').not($(this)).siblings('dd').removeClass('open');
92    }
93    event.stopPropagation();
94  });
95});
96
97
98// ========================
99// 雪を降らせる
100// ========================
101particlesJS("snow_particlesjs", { //HTMLのidを指定
102  "particles": {
103    //シェイプの設定
104    "number": {
105      "value": 150, //シェイプの数
106      "density": {
107        "enable": true, //シェイプの密集度の設定許可
108        "value_area": 800 //シェイプの密集度
109      }
110    },
111    "shape": {
112      "type": "image", //circle、edge、triangle、polygon、star、image から選べる
113      "image": {
114        "src": "https://kakechimaru.com/wp-content/themes/kakechimaru/image/snow_particlesjs.png", //雪の画像を設定する ※相対パスでも可
115      }
116    },
117    "opacity": {
118      "value": 0.7, //透明度
119      "random": false, //透明度ランダムの許可
120      "anim": {
121        "enable": false, //透明度のアニメーションさせるかどうか
122        "speed": 1, //アニメーションのスピード
123        "opacity_min": 0.1, //透明度の最小値
124        "sync": false //シェイプを同時にアニメーションさせるかどうか
125      }
126    },
127    "size": {
128      "value": 5, //シェイプの大きさ
129      "random": true, //大きさランダムの許可
130      "anim": {
131        "enable": false, //大きさアニメーションさせるかどうか
132        "speed": 20, //スピード
133        "size_min": 0.1, //スピードの最小値
134        "sync": false //同時にアニメーションさせるかどうか
135      }
136    },
137    // 線の設定
138    "line_linked": {
139      "enable": false, //線を表示するかどうか
140    },
141    // 動きの設定
142    "move": {
143      "enable": true, //シェイプの動かすかどうか
144      "speed": 2, //スピード
145      "direction": "bottom", //シェイプの動く方向(none、top、top-right、right、bottom-right、bottom、bottom-left、left、top-left から選べる)
146      "random": true, // 動きはランダム
147      "straight": false, // 動きをとどめない
148      "out_mode": "out", //エリア外に出たシェイプの動き(out、bounce から選べる)
149      "bounce": false, //跳ね返りなし
150      "attract": {
151        "enable": true,
152        "rotateX": 300,
153        "rotateY": 1200
154      }
155    }
156  },
157  "interactivity": {
158    "detect_on": "canvas",
159    "events": {
160      //マウスオーバー時
161      "onhover": {
162        "enable": false, //マウスオーバーの許可
163      },
164      //クリック時
165      "onclick": {
166        "enable": false, //クッリクの許可
167      },
168      "resize": true
169    }
170  },
171  "retina_detect": true
172});
173