PageSourceSearch

https://ranor.jp/design/ranor358/TOP/common.js

js ranor.jp collected 2026-10-07 21:53:00 UTC 6,894 bytes, 250 lines download raw bytes

1
2/*---------- pc ----------*/
3$(function() {
4	$(document).ready(function(){ if ($(window).width() >= 980)
5		/* header */
6		$(function() {   
7			var wh = $(window).height();
8			$(window).resize(function(){
9				wh = $(window).height();
10			});
11			$(window).scroll(function(){
12				if(wh - $("#header").height()+70 < $(this).scrollTop()) {
13					$("#header").addClass("header_fixed");
14					$("#header").removeClass("header_absolute");
15				} else if(wh - $("#header").height()+70 > $(this).scrollTop()) {
16					$("#header").removeClass("header_fixed");
17					$("#header").addClass("header_absolute");
18				}
19			});
20		});
21		/* logo */
22		setTimeout("logoFade()",980);
23	});
24});
25/* logo */
26function logoFade(){
27	$("#section0 .logo, #section0 .icon_arrow").fadeIn(1000);
28}
29
30/* collection */
31
32$(function() {
33	 
34	 if($("#sec_collection").length){
35		 /*$(".menu_tab .tab_list li").each(function () {
36			$(this).click(function() {
37				var target = $(this).attr('class').split(" ")[0];
38				$(".menu_tab .tab_list li").removeClass("act");
39				$(".menu_tab .tab_list li."+target).addClass("act");				
40				$(".items").stop().animate( {"opacity":0},{ complete:function(){
41					$(".items").css({"visibility":"hidden","height":0});
42					$("#items_"+target).css({"visibility":"visible","height":"auto","opacity":0});
43					$("#items_"+target).stop().animate( {"opacity":1}, { complete:function(){}});
44				}});
45			});
46		});*/
47		
48		$(".main_slides").each(function(){
49			if($(this).find("li").length==1){			
50			}else{
51				$(this).bxSlider({
52				mode:"fade",
53				slideshow:false,
54				auto:true,
55				autoDelay:400
56				});
57			}
58		});
59		
60		$(".slides").each(function(){
61			if($(this).find("li").length==1){			
62			}else{
63				$(this).bxSlider({
64				slideshow:false
65				});
66			}
67		});
68		
69		$(".flexslider").each(function () {
70			$(this).hover(function(){
71				$(this).find(".bx-controls-direction").stop().animate({ "opacity":1},500);								
72			}, function(){	
73				$(this).find(".bx-controls-direction").stop().animate({ "opacity":0},500);
74			});
75		});
76		
77		$(".bx-controls-direction").css({"opacity":0});
78		$("#items_men").css({"visibility":"visible","height":"auto"});
79		setCollectionHeight();
80		$(window).resize(function(){
81			setCollectionHeight();
82		});
83	 }
84});
85
86function setCollectionHeight(){
87	if ($(window).width() >= 800){
88		//$(".items .item .flexslider").tile(3);
89		$(".items .item").tile(3);
90	}else{
91		//$(".items .item .flexslider").removeAttr('style');
92		$(".items .item").removeAttr('style');
93	}
94}
95
96/* parallax */
97$(window).scroll(function(){
98	$(function() {
99		$(document).ready(function(){ if ($(window).width() >= 800)
100			var y = $(this).scrollTop();
101			$("#section1 .inner .left img").css("top", parseInt( -y / 4 ) + "px");
102			$("#section2").css("background-position-y", parseInt( -y / 12 - -380 ) + "px");
103			$("#section2 .section2_02").css("margin-top", parseInt( -y / 6 - -80 ) + "px");
104			$("#section3 .inner .left img").css("top", parseInt( y / 9 ) + "px");
105			$("#section4").css("background-position", "80%" + parseInt( -y / 3 + 1600 ) + "px");
106		});
107	});
108});
109
110/* footer_animation */
111function animation01Repeat() {
112	$('#footer_animation .animation_01').animate({"bottom": "-=10px"}, 1500, "swing").animate({"bottom": "+=10px"}, 1500, "swing");
113	setTimeout('animation01Repeat()', 1500);
114}
115function animation02Repeat() {
116	$('#footer_animation .animation_02').animate({"bottom": "-=15px"}, 1000, "swing").animate({"bottom": "+=15px"}, 1000, "swing");
117	setTimeout('animation02Repeat()', 2000);
118}
119function animation01() {
120	$('#footer_animation .animation_01').animate({"bottom": "0"}, 500, "swing").animate({"bottom": "-10px"}, 500, "swing").animate({"bottom": "0"}, 500, "swing");
121}
122function animation02() {
123	$('#footer_animation .animation_02').delay(1000).animate({"bottom": "-20px"}, 800, "swing").animate({"bottom": "-100px"}, 800, "swing").animate({"bottom": "-29px"}, 1000, "swing");
124}
125$(window).on("scroll", function() {
126	var scrollHeight = $(document).height();
127	var scrollPosition = $(window).height() + $(window).scrollTop();
128	$(document).ready(function(){ if ($(window).width() >= 800)
129		if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
130			$(function() {
131				setTimeout("animation01()", 0);
132				setTimeout("animation01Repeat()", 0);
133				setTimeout("animation02()", 0);
134				setTimeout('animation02Repeat()', 2000);
135			});
136		}
137	});
138});
139
140/*---------- sp ----------*/
141$(function() {
142	$(document).ready(function(){ if ($(window).width() < 980)
143	
144		/* header */
145		$(function() {   
146			var wh = $(window).height();
147			$(window).resize(function(){
148				wh = $(window).height();
149			});
150			$(window).scroll(function(){
151				if(wh - $("#header").height()+70 < $(this).scrollTop()) {
152					$("#header").addClass("header_fixed");
153					$("#header").removeClass("header_absolute");
154				} else if(wh - $("#header").height()+70 > $(this).scrollTop()) {
155					$("#header").removeClass("header_fixed");
156					$("#header").addClass("header_absolute");
157				}
158			});
159		});
160
161	});
162});
163$(document).ready(function(){
164
165	/* btn_menu */
166	$("#btn_menu").click(function () {
167		$("#menu").slideToggle();
168	});
169	$("#menu a").click(function () {
170		$(function() {
171			$(document).ready(function(){ if ($(window).width() < 980)
172				$("#menu").slideUp();
173			});
174		});
175	});
176
177}
178);
179
180/*---------- common ----------*/
181/* slider */
182var fadeSpeed = 3000;
183var displayTime = 8000;
184
185$(document).ready(function() {
186	$("#slide .slide_01").css({"z-index":"100"});
187
188});
189
190function scean1_fadeIn(){		
191	$("#slide .slide_01 .inner").css({"width": "120%","height": "120%","top": "-10%","left": "-10%"});
192	$("#slide .slide_01").fadeIn(fadeSpeed);
193}
194function scean1_display(){
195	$("#slide .slide_01 .inner").animate({"width": "100%","height": "100%","top": "0%","left": "0%"},displayTime);
196}
197function scean1_fadeOut(){
198	$("#slide .slide_01").fadeOut(fadeSpeed);
199}
200function scean2_fadeIn(){
201	$("#slide .slide_02 .inner").css({"width": "120%","height": "120%","top": "-10%","left": "-10%"});
202	$("#slide .slide_02").fadeIn(fadeSpeed);
203}
204function scean2_display(){
205	$("#slide .slide_02 .inner").animate({"width": "100%","height": "100%","top": "0%","left": "0%"},displayTime);
206}
207function scean2_fadeOut(){
208	$("#slide .slide_02").fadeOut(fadeSpeed);
209}
210
211function loop(){
212	setTimeout("scean1_fadeIn()", 0);
213
214
215}
216setTimeout("loop()",1000);
217setInterval(loop,displayTime*2-fadeSpeed*2);
218
219/* pagetop */
220$(function() {
221	var topBtn = $('#btn_pagetop');	
222	topBtn.hide();
223	$(window).scroll(function () {
224		if ($(this).scrollTop() > 500) {
225			topBtn.fadeIn();
226		} else {
227			topBtn.fadeOut();
228		}
229	});
230	topBtn.click(function () {
231		$('body,html').animate({
232			scrollTop: 0
233		}, 500);
234		return false;
235	});
236});
237
238/* slider */
239     
240
241
242            $(document).ready(function() {
243                $("#theTarget").skippr({
244                    autoPlay : true,
245                    autoPlayDuration : 2000,
246                    logs : true
247                });
248            });
249
250        

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.