https://t-meister.jp/js/utility.js

1(function($) {
2	
3		//マウスオーバー（ファイルの末尾に「_off」「_on」で切り替え）
4		$("img.over,input.over")
5		.each( function(){
6			$("<img>,<input>").attr("src",$(this).attr("src").replace(/^(.+)_off(\.[a-z]+)$/, "$1_on$2"));
7		})
8		.mouseover( function(){
9			$(this).attr("src",$(this).attr("src").replace(/^(.+)_off(\.[a-z]+)$/, "$1_on$2"));
10		})
11		.mouseout( function(){
12			$(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1_off$2"));
13		});
14		
15		//テーブルのセルとリストに偶数・奇数を付与
16		$("li:odd,tr:odd").addClass("odd"),
17		$("li:even,tr:even").addClass("even");
18
19		//スムーズスクロール
20		var topBtn = $('.page-top');
21		topBtn.hide();
22		$(window).scroll(function () {
23			if ($(this).scrollTop() > 100) {
24				topBtn.fadeIn();
25			} else {
26				topBtn.fadeOut();
27			}
28		});
29
30		$("a[href^='#']").click(function(){
31			var Hash = $(this.hash);
32			var HashOffset = $(Hash).offset().top;
33			$("html,body").animate({
34				scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
35			return false;
36		});
37
38		//グローバルメニューのプルダウン設定
39		$("#menu li").hover(function() {
40			$("> ul:not(:animated)", this).fadeIn("normal");
41		}, function() {
42			$("> ul", this).fadeOut("normal");
43		});
44		
45		//モバイル用のグローバルメニュー設定
46		$(".global-nav-panel").click(function(){
47			$("#menu").toggleClass("show-menu");
48		});
49
50		$(".global-nav-panel").click(function(){
51			if($("span",this).hasClass("btn-global-nav icon-gn-menu")){
52				$("span",this).removeClass("icon-gn-menu").addClass("icon-gn-close");
53				$("span",this).text("閉じる");
54			} else {
55				$("span",this).removeClass("icon-gn-close").addClass("icon-gn-menu");
56				$("span",this).text("メニュー");
57			};
58        });
59
60		//クリックでテキストを選択
61		$(".text-field")
62			.focus(function(){
63				$(this).select();
64			})
65			.click(function(){
66				$(this).select();
67				return false;
68		});
69		
70		//クリックで開く
71        $(".box_qa dt").on("click", function() {
72            $(this).next().slideToggle();
73            $(this).toggleClass("active");//追加部分
74        });
75
76		function lpHeader(){
77			hdrWidth = $(window).width();
78			hdrHeight = $(window).height();
79			$('.full-screen,.full-screen .site-header-in,.full-screen .site-header-conts').css({
80				width: hdrWidth + 'px',
81				height: hdrHeight + 'px',
82				maxHeight: '1500px'
83			});
84
85			if(window.innerWidth < 678) {
86				h1Size = hdrWidth / 12;
87				fontSize = hdrWidth / 16;
88				$('.full-screen .site-header-conts h1').css('font-size', h1Size + 'px');
89				$('.full-screen .site-header-conts .lp-catch').css('font-size', fontSize + 'px');
90			} else {
91				h1Size = hdrHeight / 12;
92				fontSize = hdrHeight / 24;
93				$('.full-screen .site-header-conts h1').css('font-size', h1Size + 'px');
94				$('.full-screen .site-header-conts .lp-catch').css('font-size', fontSize + 'px');
95			}
96		}
97		lpHeader();
98		$(window).resize(function() {
99			lpHeader();
100		});
101	
102})(jQuery)
103
104
105
106