PageSourceSearch

https://greenmonster.co.jp/wp-content/themes/green-monster-theme/assets/js/effect.js?ver=1.0

js greenmonster.co.jp collected 2026-09-24 10:52:22 UTC 9,435 bytes, 302 lines download raw bytes

1
2
3
4// ページ内アンカーリンクのスクロールエフェクト
5// ヘッダーが固定の場合はheaderHightにヘッダーの高さを設定(PC/SP要設定)
6jQuery(function ($) {
7	var headerHight = $('header').innerHeight() + 10; // 固定ヘッダの高さ
8	$('a[href^="#"]').click(function () {
9		var href = $(this).attr("href");
10		var target = $(href == "#" || href == "" ? 'html' : href);
11		if (target.length > 0) {
12			var position = target.offset().top - headerHight;
13			$("html, body").animate({ scrollTop: position }, 550, "swing");
14			return false;
15		}
16	});
17})
18
19// ブログサムネイル 中心でトリミング
20jQuery(function ($) {
21	if ($('.obj_image').length > 0) {
22		objectFitImages('.obj_image');
23	}
24});
25
26
27// ページトップボタンの表示
28jQuery(function ($) {
29	// 該当なしでも
30	if ($('#pageup').length > 0) {
31		var topBtn = $('#pageup');
32		topBtn.css("display", "none");
33		//スクロールが100に達したらボタン表示
34		$(window).scroll(function () {
35			if ($(this).scrollTop() > 100) {
36				topBtn.fadeIn();
37			} else {
38				topBtn.fadeOut();
39			}
40		});
41		//スクロールしてトップ
42		topBtn.click(function () {
43			$('body,html').animate({
44				scrollTop: 0
45			}, 500);
46			return false;
47		});
48	}
49});
50
51
52// ヘッダーの固定エフェクト
53// ↓↓↓ 固定させる場合はコメントを外す ↓↓↓
54// (function($) {
55//     $(function() {
56//         var $header = $('header');
57//         $(window).scroll(function() {
58//             if ($(window).scrollTop() > 50) {
59//                 $header.addClass('fixed');
60//             } else {
61//                 $header.removeClass('fixed');
62//             }
63//         });
64//     });
65// })(jQuery);
66
67
68// アコーディオンの起動
69jQuery(function ($) {
70
71	// 該当なしでも
72	if ($('dl.accordion dt').length > 0) {
73
74		$("dl.accordion dt").click(function () {
75			$(this).next("dd").slideToggle();
76			$(this).toggleClass("open");
77		});
78	}
79});
80
81// ドロワーメニュー
82jQuery(function ($) {
83	if ($('#toggle').length > 0) {
84		$('#toggle').click(function () {
85			$(this).toggleClass('toggle_active');
86			// $('#drawer_layer').fadeToggle();
87			$('body').toggleClass('drawer_open');
88			$('#nav_drawer').toggleClass('is_open').fadeToggle(500);
89
90			// if ($(this).hasClass('toggle_active')) {
91			// 	$('nav').removeClass('is_close');
92			// } else {
93			// 	$('nav').addClass('is_close');
94			// }
95		});
96
97		// $('#drawer_layer').click(function () {
98		// 	$(this).fadeOut();
99		// 	$('#toggle').removeClass('toggle_active');
100		// 	$('body').removeClass('drawer_open');
101		// 	$('nav').removeClass('is_open');
102		// 	$('nav').addClass('is_close');
103		// });
104
105		// エリア内リンク用
106		$('#nav_drawer').on('click', function () {
107			$('#toggle').click();
108		});
109	}
110
111});
112
113// グリッドエフェクト
114jQuery(function ($) {
115	var EFFECT_SELECTOR = "effect";
116	var ROTATE_FRONT_SELECTOR = "rotate";
117	var ROTATE_BACK_SELECTOR = "rotate_r";
118	var TIME_PC_INTERVAL = 17600;
119	var TIME_SP_INTERVAL = 12800;
120	var TIME_DURATION = 800;
121	var TIME_EFFECT_INTERVAL = 1200;
122	var TIME_FIRST_EFFECT_DELAY = 1000;
123	var intervalId, ww;
124	var WRAPPER_SELECTOR = '.bg_kv';
125
126	if ($(WRAPPER_SELECTOR + ' .fig').length > 0) {
127
128		ww = $(window).width();
129		setEffect();
130
131		$(window).on("resise", function () {
132			if (ww !== $(window).width()) {
133				resetEffect();
134			}
135		});
136
137
138	}
139
140	function resetEffect() {
141		ww = $(window).width();
142		clearInterval(intervalId);
143		setEffect();
144	}
145
146	function setEffect() {
147
148		if (ww > 768) {
149			setEffectPc();
150			intervalId = setInterval(setEffectPc, TIME_PC_INTERVAL);
151		} else {
152			setEffectSp();
153			intervalId = setInterval(setEffectSp, TIME_SP_INTERVAL);
154		}
155	}
156
157	function setEffectPc() {
158
159		setTimeout(setBlue01, TIME_FIRST_EFFECT_DELAY, WRAPPER_SELECTOR);
160
161		setTimeout(setYellow, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL, WRAPPER_SELECTOR);
162
163		setTimeout(setGreenFront01, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 2, WRAPPER_SELECTOR);
164
165		setTimeout(setRed, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 3 - 200, WRAPPER_SELECTOR);
166
167		setTimeout(setBlue02, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INT
167ERVAL * 4, WRAPPER_SELECTOR);
168
169		setTimeout(setGreenFront02, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 5, WRAPPER_SELECTOR);
170
171		setTimeout(setOrange, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 6 - 300, WRAPPER_SELECTOR);
172
173		setTimeout(setRed, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 7, WRAPPER_SELECTOR);
174		setTimeout(setYellow, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 7, WRAPPER_SELECTOR);
175
176		setTimeout(setBlue02, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 8 + 100, WRAPPER_SELECTOR);
177
178		setTimeout(setOrange, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 9, WRAPPER_SELECTOR);
179
180
181		setTimeout(setGreenBack01, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 10, WRAPPER_SELECTOR);
182		setTimeout(setGreenBack02, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 10, WRAPPER_SELECTOR);
183
184		setTimeout(setBlue01, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 11, WRAPPER_SELECTOR);
185
186		setTimeout(setYellow, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 12, WRAPPER_SELECTOR);
187
188		setTimeout(setBlue02, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 13, WRAPPER_SELECTOR);
189
190
191
192	}
193
194	function setEffectSp() {
195
196		setTimeout(setYellow, TIME_FIRST_EFFECT_DELAY, WRAPPER_SELECTOR);
197
198		setTimeout(setGreenFront02, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL, WRAPPER_SELECTOR);
199
200		setTimeout(setRed, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 2 - 200, WRAPPER_SELECTOR);
201
202		setTimeout(setBlue01, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 3, WRAPPER_SELECTOR);
203
204		setTimeout(setOrange, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 4, WRAPPER_SELECTOR);
205
206		setTimeout(setYellow, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 5, WRAPPER_SELECTOR);
207		setTimeout(setGreenBack02, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 5 + 100, WRAPPER_SELECTOR);
208
209		setTimeout(setBlue01, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 6, WRAPPER_SELECTOR);
210		setTimeout(setRed, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 6 + 400, WRAPPER_SELECTOR);
211
212		setTimeout(setGreenFront02, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 7, WRAPPER_SELECTOR);
213
214		setTimeout(setBlue01, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 8, WRAPPER_SELECTOR);
215
216		setTimeout(setOrange, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 8 + 600, WRAPPER_SELECTOR);
217
218		setTimeout(setGreenBack02, TIME_FIRST_EFFECT_DELAY + TIME_EFFECT_INTERVAL * 9 + 400, WRAPPER_SELECTOR);
219
220
221	}
222
223
224	function setRed(wrapper) {
225		$(wrapper + ' .beating_red').addClass(EFFECT_SELECTOR);
226		setTimeout(function () {
227			$(wrapper + ' .beating_red').removeClass(EFFECT_SELECTOR);
228		}, TIME_DURATION);
229	}
230	function setBlue01(wrapper) {
231		$(wrapper + ' .item_04 .rotate_blue').addClass(EFFECT_SELECTOR);
232		setTimeout(function () {
233			$(wrapper + ' .item_04 .rotate_blue').removeClass(EFFECT_SELECTOR);
234		}, TIME_DURATION);
235	}
236	function setBlue02(wrapper) {
237		$(wrapper + ' .item_16 .rotate_blue').addClass(EFFECT_SELECTOR);
238		setTimeout(function () {
239			$(wrapper + ' .item_16 .rotate_blue').removeClass(EFFECT_SELECTOR);
240		}, TIME_DURATION);
241	}
242	function setOrange(wrapper) {
243		$(wrapper + ' .scaleDown_orange').addClass(EFFECT_SELECTOR);
244		setTimeout(function () {
245			$(wrapper + ' .scaleDown_orange').removeClass(EFFECT_SELECTOR);
246		}, TIME_DURATION);
247	}
248	function setYellow(wrapper) {
249		$(wrapper + ' .rotate_yellow').addClass(EFFECT_SELECTOR);
250		setTimeout(function () {
251			$(wrapper + ' .rotate_yellow').removeClass(EFFECT_SELECTOR);
252		}, TIME_DURATION);
253	}
254	function setGreenFront01(wrapper) {
255		$(wrapper + ' .rotate3d_green').addClass(ROTATE_FRONT_SELECTOR);
256	}
257	function setGreenBack01(wrapper) {
258		$(wrapper + ' .rotate3d_green').addClass(ROTATE_BACK_SELECTOR);
259		setTimeout(function () {
260			$(wrapper + ' .rotate3d_green').removeClass(ROTATE_FRONT_SELECTOR);
261			$(wrapper + ' .rotate3d_green').removeClass(ROTATE_BACK_SELECTOR);
262		}, TIME_DURATION);
263	}
264	function setGreenFront02(wrapper) {
265		$(wrapper + ' .rotate3d_green_r').addClass(ROTATE_FRONT_SELECTOR);
266	}
267	function setGreenBack02(wrapper) {
268		$(wrapper + ' .rotate3d_green_r').addClass(ROTATE_BACK_SELECTOR);
269		setTimeout(function () {
270			$('.rotate3d_green_r').removeClass(ROTATE_FRONT_SELECTOR);
271			$(wrapper + ' .rotate3d_green_r').removeClass(ROTATE_BACK_SELECTOR);
272		}, TIME_DURATION);
273	}
274});
275
276
277// タブ切り替え(IR)
278jQuery(function($) {
279	if($('.tab_area button').length > 0 && $('.tab_area button').length == $('.tab_area .content_box').length) {
280		var SELECTOR_BUTTON = '.tab_area button';
281		var SELECTOR_CONTENT = '.tab_area .content_box';
282		var CLASS_ACTIVE_BUTTON = "active_tab";
283		var CLASS_ACTIVE_CONTENT = "active_content";
284
285		$(document).on("click", '.tab_area button', function(e) {
286			var $this = $(this);
287			if (!$this.hasClass(CLASS_ACTIVE_BUTTON)) {
288				// クリックされたボタンの位置を取得
289				var index = $this.index(SELECTOR_BUTTON);
290
291				// タブボタンのアクティブ切り替え
292				$(SELECTOR_BUTTON + "." + CLASS_ACTIVE_BUTTON).removeClass(CLASS_ACTIVE_BUTTON);
293				$(SELECTOR_BUTTON).eq(index).addClass(CLASS_ACTIVE_BUTTON);
294				
295				// タブコンテントのアクティブ切り替え
296				$(SELECTOR_CONTENT + "." + CLASS_ACTIVE_CONTENT).removeClass(CLASS_ACTIVE_CONTENT);
297				$(SELECTOR_CONTENT).eq(index).addClass(CLASS_ACTIVE_CONTENT);
298				
299			}
300		});
301	}
302});

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.