https://www.asakusaengei.com/js/common.js

1//smartRollover.js
2function smartRollover() {
3	if(document.getElementsByTagName) {
4		var images = document.getElementsByTagName("img");
5
6		for(var i=0; i < images.length; i++) {
7			if(images[i].src.match("_off."))
8			{
9				images[i].onmouseover = function() {
10					this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
11				}
12				images[i].onmouseout = function() {
13					this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
14				}
15			}
16		}
17	}
18}
19
20if(window.addEventListener) {
21	window.addEventListener("load", smartRollover, false);
22}
23else if(window.attachEvent) {
24	window.attachEvent("onload", smartRollover);
25}
26
27$(function() {
28	//set auto width or height for img
29	var tn_img_ratio=$(".tn_img_ratio-auto").width() / $(".tn_img_ratio-auto").height();
30	var tn_dv_ratio=$(".tn_dv_ratio-auto").width() / $(".tn_dv_ratio-auto").height();
31	if(tn_img_ratio>=tn_dv_ratio){
32		$(".tn_img_ratio-auto").css('height','100%').css('width','auto');
33	}else{
34		$(".tn_img_ratio-auto").css('width','100%').css('height','auto');
35	}
36
37	var width_ul = 0;
38	$('.wrapMainNav > li').each(function(){ width_ul+= $(this).width(); });
39	$('.wrapMainNav').css("width",width_ul);
40});
41
42// $(function() {
43// //SCROLL TO TOP
44// 	$(".page_up a").click(function () {
45//       $('body, html').animate({ scrollTop: 0 }, 500);
46//       return false;
47//   });
48// });
49
50
51$(document).ready(function() {
52	var flag = false;
53	var page_up = $('.page_up');
54	var page_up_btn = $('.page_up_btn');
55	$(window).scroll(function () {
56		if ($(this).scrollTop() > 50) {
57			if (flag == false) {
58				flag = true;
59				page_up.stop().animate({
60					'right': '120px'
61				}, 500);
62			}
63		} else {
64			if (flag) {
65				flag = false;
66				page_up.stop().animate({
67					'right': '-500px'
68				}, 500);
69			}
70		}
71	});
72	page_up_btn.click(function () {
73		$('body, html').animate({ scrollTop: 0 }, 500);
74		return false;
75	});
76});
77
78
79/* $(document).ready(function() {
80	var flag = false;
81	var banner01 = $('.banner01');
82	$(window).scroll(function () {
83		if ($(this).scrollTop() > 50) {
84			if (flag == false) {
85				flag = true;
86				banner01.stop().animate({
87					'right': '0px'
88				}, 500);
89			}
90		} else {
91			if (flag) {
92				flag = false;
93				banner01.stop().animate({
94					'right': '-500px'
95				}, 500);
96			}
97		}
98	});
99}); */
100
101/* $(document).ready(function() {
102	var flag = false;
103	var h_search = $('.h_search');
104	$(window).scroll(function () {
105		if ($(this).scrollTop() > 50) {
106			if (flag == false) {
107				flag = true;
108				h_search.stop().animate({
109					'right': '-254px'
110				}, 500);
111			}
112			if($('.h_search .h_nav').hasClass('h_search__close')) {
113				$(this).removeClass('h_search__close').addClass('h_search__open');
114				return false;
115			}
116		} else {
117			if (flag) {
118				flag = false;
119				h_search.stop().animate({
120					'right': '-754px'
121				}, 500);
122			}
123			$('.h_search .h_nav').removeClass('h_search__open').addClass('h_search__close');
124		}
125	});
126}); */
127
128$(document).ready(function() {
129	var flag = false;
130	var side_bnrs = $('.side_bnrs');
131	$(window).scroll(function () {
132		if ($(this).scrollTop() > 50) {
133			if (flag == false) {
134				flag = true;
135				side_bnrs.stop().animate({
136					'right': '0px'
137				}, 500);
138			}
139		} else {
140			if (flag) {
141				flag = false;
142				side_bnrs.stop().animate({
143					'right': '-754px'
144				}, 500);
145			}
146			$('.h_search .h_nav').removeClass('h_search__open').addClass('h_search__close')
147      $('.h_search').stop().animate({
148        'right': '-254px'
149      }, 500);;
150		}
151	});
152});
153
154
155$(document).ready(function() {
156	$('.h_search .h_nav').on('click', function() {
157		if($(this).hasClass('h_search__close')) {
158			$('.h_search').animate({
159				right: '10px'
160			});
161			$(this).removeClass('h_search__close').addClass('h_search__open');
162		} else if($(this).hasClass('h_search__open')) {
163			$('.h_search').animate({
164				right: '-254px'
165			});
166			$(this).removeClass('h_search__open').addClass('h_search__close');
167		}
168	});
169});