PageSourceSearch

https://dc.rakuten-sec.co.jp/shared/js/raphael_script.js

js rakuten-sec.co.jp collected 2026-09-24 09:00:15 UTC 6,875 bytes, 166 lines download raw bytes

1window.onload = function () {
2
3//▼トップへ戻るぷるぷる
4
5var paper = Raphael("j-topico", "100%", "100%");
6var i=0;
7
8//━━━━━━━━━━━━━━━━━━━━
9//数値
10
11//--------------------
12//bg変形(パス)
13//0:ホバー 1~:クリック
14//--------------------
15var bg_path = [
16'M 20,6 c 11,0,20,9,20,20 c 0,11,-9,20,-20,20 c -11,0,-20,-9,-20,-20 c 0,-11,9,-20,20,-20 Z',
17
18'M 20,6 c 11,0,20,13,20,24 c 0,11,-9,16,-20,16 c -11,0,-20,-5,-20,-16 c 0,-11,9,-24,20,-24 Z',
19'M 20,1 c 11,0,20,14,20,25 c 0,11,-9,20,-20,20 c -11,0,-20,-9,-20,-20 c 0,-11,9,-25,20,-25 Z',
20'M 20,0 c 11,0,20,15,20,26 c 0,11,-9,20,-20,20 c -11,0,-20,-9,-20,-20 c 0,-11,9,-26,20,-26 Z',
21'M 20,24 c 11,0,20,1,20,12 c 0,11,-9,10,-20,10 c -11,0,-20,1,-20,-10 c 0,-11,9,-12,20,-12 Z',
22'M 20,2 c 11,0,20,6,20,18 c 0,11,-9,26,-20,26 c -11,0,-20,-14,-20,-26 c 0,-11,9,-18,20,-18 Z',
23'M 20,7 c 11,0,20,10,20,21 c 0,11,-9,18,-20,18 c -11,0,-20,-7,-20,-18 c 0,-11,9,-21,20,-21 Z',
24'M 20,4 c 11,0,20,8,20,19 c 0,11,-9,23,-20,23 c -11,0,-20,-12,-20,-23 c 0,-11,9,-19,20,-19 Z'
25];
26//--------------------
27//bg変形(スタイル)
28//0,1:ホバー 2~:クリック
29//--------------------
30var bg_style = [
31{'fill': '#6b808d','stroke-width': '0','stroke-opacity': '0','transform':'t 0,0'},
32{'fill': '#ffffff'},
33{'transform':'t 0,0'}
34];
35
36
37//--------------------
38//TOP変形(パス)
39//--------------------
40var top_path = [
41'M15,31.89a2.77,2.77,0,0,1,0,.34.91.91,0,0,1-.05.23.29.29,0,0,1-.09.13.17.17,0,0,1-.11,0H12.53v7.13a.19.19,0,0,1,0,.12.32.32,0,0,1-.15.09l-.28.05-.43,0-.43,0L10.92,40a.32.32,0,0,1-.15-.09.19.19,0,0,1,0-.12V32.62H8.51a.17.17,0,0,1-.12,0,.31.31,0,0,1-.08-.13.91.91,0,0,1-.05-.23,2.77,2.77,0,0,1,0-.34,2.93,2.93,0,0,1,0-.35.92.92,0,0,1,.05-.23.28.28,0,0,1,.08-.12.18.18,0,0,1,.12,0h6.23a.18.18,0,0,1,.11,0,.26.26,0,0,1,.09.12.92.92,0,0,1,.05.23A2.93,2.93,0,0,1,15,31.89Zm8.83,3.58a6.53,6.53,0,0,1-.27,2,4,4,0,0,1-.81,1.47,3.51,3.51,0,0,1-1.34.92,5,5,0,0,1-1.84.32,5.44,5.44,0,0,1-1.8-.27,3.13,3.13,0,0,1-1.28-.82,3.54,3.54,0,0,1-.77-1.41,7.12,7.12,0,0,1-.26-2,6.34,6.34,0,0,1,.27-1.93,3.94,3.94,0,0,1,.81-1.46,3.56,3.56,0,0,1,1.34-.92A4.91,4.91,0,0,1,19.75,31a5.42,5.42,0,0,1,1.77.27,3.13,3.13,0,0,1,1.29.82,3.58,3.58,0,0,1,.78,1.4A6.75,6.75,0,0,1,23.85,35.47Zm-1.89.1a6.73,6.73,0,0,0-.11-1.27,2.74,2.74,0,0,0-.37-1,1.78,1.78,0,0,0-.7-.63,2.41,2.41,0,0,0-1.09-.22,2.23,2.23,0,0,0-1.11.25,2,2,0,0,0-.72.67,2.73,2.73,0,0,0-.39,1,5.86,5.86,0,0,0-.11,1.18,7,7,0,0,0,.11,1.3,2.82,2.82,0,0,0,.37,1,1.69,1.69,0,0,0,.7.63,2.49,2.49,0,0,0,1.1.22,2.26,2.26,0,0,0,1.11-.25,2,2,0,0,0,.72-.67,2.84,2.84,0,0,0,.39-1A6.19,6.19,0,0,0,22,35.57Zm9.44-1.73a3.49,3.49,0,0,1-.23,1.32,2.55,2.55,0,0,1-.68,1,3,3,0,0,1-1.09.6,5.05,5.05,0,0,1-1.52.21h-.74v2.82a.19.19,0,0,1,0,.12A.31.31,0,0,1,27,40l-.27.05-.44,0-.43,0L25.53,40a.29.29,0,0,1-.14-.09.2.2,0,0,1,0-.12v-8a.64.64,0,0,1,.17-.48.61.61,0,0,1,.44-.16H28l.6,0a6.42,6.42,0,0,1,.68.1,3,3,0,0,1,.8.29,2.39,2.39,0,0,1,.69.54,2.24,2.24,0,0,1,.44.76A3,3,0,0,1,31.4,33.84ZM29.52,34a1.59,1.59,0,0,0-.16-.77,1.13,1.13,0,0,0-.4-.44,1.33,1.33,0,0,0-.5-.18,3.85,3.85,0,0,0-.54,0h-.77v3H28a1.94,1.94,0,0,0,.72-.12,1.23,1.23,0,0,0,.48-.32,1.4,1.4,0,0,0,.28-.5A2,2,0,0,0,29.52,34Z'
42];
43//--------------------
44//TOP変形(スタイル)
45//0、1:ホバー 2~:クリック
46//--------------------
47var top_style = [
48{'fill': '#ffffff','opacity': '0','stroke-width': '0','stroke-opacity': '0','transform':'t 0,0'},
49{'fill': '#6b808d','opacity': '1'},
50{'fill': '#ffffff','opacity': '0','transform':'t 0,4'}
51];
52
53//--------------------
54//△変形(パス)
55//--------------------
56var ico_path = [
57'M6.56,30.34h0a1.9,1.9,0,0,0,2.69,0l9.41-9.41a1.9,1.9,0,0,1,2.69,0l9.41,9.41a1.9,1.9,0,0,0,2.69,0h0a1.9,1.9,0,0,0,0-2.69l-12.1-12.1a1.9,1.9,0,0,0-2.69,0L6.56,27.66A1.9,1.9,0,0,0,6.56,30.34Z'
58];
59//--------------------
60//△変形(スタイル)
61//0~2:ホバー 3~:クリック
62//--------------------
63var ico_style = [
64{'fill': '#ffffff','opacity': '1','stroke-width': '0','stroke-opacity': '0','transform':'t 0,0'},
65{'fill': '#b2bdc4','transform':'t 0,1'},
66{'fill': '#6b808d','transform':'t 0,-3'},
67{'transform':'t 0,8'},
68{'transform':'t 0,-10'},
69{'transform':'t 0,-12'},
70{'opacity': '0','transform':'t 0,-14'},
71{'transform':'t 0,10'}
72];
73
74//━━━━━━━━━━━━━━━━━━━━
75//描画
76
77
78var bg = paper.path(bg_path[0]).attr(bg_style[0]);
79var top = paper.path(top_path[0]).attr(top_style[0]);
80var ico = paper.path(ico_path[0]).attr(ico_style[0]);
81
82//ホバーエリア
83var topico_area = paper.path(bg_path[0]).attr({'fill': '#6b808d','opacity': '0'});
84
85
86//━━━━━━━━━━━━━━━━━━━━
87//アニメ内容
88
89//ホバーアニメ
90function topico_anim_h(){
91	bg.animate(bg_style[1], 300, "<>");
92
93	top.animate(top_style[1], 300, "<>");
94
95	ico.animate(ico_style[1], 100, ">",	function (){ico.animate(ico_style[2], 100, "<");});
96}
97//ホバーはずしアニメ
98function topico_anim_o(){
99	bg.animate({'path':bg_path[0]}, 100, "<>");
100	bg.animate(bg_style[0], 300, "<>");
101
102	top.animate(top_style[0], 300, "<>");
103
104	ico.animate(ico_style[0], 300, "<>");
105}
106
107
108//クリックアニメ
109function topico_anim_c(){
110	//アニメ一時削除
111	topico_area.unhover(topico_anim_h,topico_anim_o);
112	topico_area.unclick(topico_anim_c);
113
114	bg.animate({'path':bg_path[1]}, 150, ">",
115	function (){
116		bg.animate({'path':bg_path[2]}, 100, "linear",
117		function (){
118			bg.animate({'path':bg_path[3]}, 100, "linear",
119			function (){
120				bg.animate({'path':bg_path[4]}, 50, "linear",
121				function (){
122					bg.animate({'path':bg_path[5]}, 50, "linear",
123					function (){
124						bg.animate({'path':bg_path[6]}, 50, "linear",
125						function (){
126							bg.animate({'path':bg_path[7]}, 50, "linear",
127							function (){
128								bg.animate({'path':bg_path[0]}, 50, "linear");
129							});
130						});
131					});
132				});
133			});
134		});
135	});
136
137	bg.animate(bg_style[2], 250, "linear",	function (){bg.animate(bg_style[0], 500, ">");});
138
139	top.animate(top_style[2], 300, ">",function(){top.animate(top_style[0], 350, "linear");});
140
141	ico.animate(ico_style[3], 50, ">",
142	function (){
143		ico.animate(ico_style[4], 150, ">",
144		function (){
145			ico.animate(ico_style[5], 50, ">",
146			function (){
147				ico.animate(ico_style[6], 50, ">",
148				function (){
149					ico.animate(ico_style[7], 250, ">",
150					function (){
151						ico.animate(ico_style[0], 200, ">",	function (){	topico_area.hover(topico_anim_h,topico_anim_o);topico_area.click(topico_anim_c);});//アニメ復活
152					});
153				});
154			});
155		});
156	});
157
158}//クリックアニメ
159
160//ホバーアニメ
161topico_area.hover(topico_anim_h,topico_anim_o);
162//クリックアニメ
163topico_area.click(topico_anim_c);
164
165
166};

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.