https://shizuoka.org.tw/roadtrip/index.asp

1<!DOCTYPE html>
2<html lang="zh-Hant-TW">
3<head>
4<!-- Global site tag (gtag.js) - Google Analytics -->

5<script type="text/javascript" src="/js/gaCode.js"></script>

5
6
7	
8<meta charset="UTF-8">
9<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
10<meta name="description" content="一起發現這日本第一的絕景"/>
11<title>靜岡。自駕旅遊天堂</title>
12<!-- icon font -->
13<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
14<link rel="stylesheet" href="/js/lib/slick-1_8_1/slick.css"><!-- slick 輪播-->
15<link rel="stylesheet" href="/js/lib/slick-1_8_1/slick-theme.css">  <!-- 輪播外掛 -->
16<link rel="stylesheet" href="/css/style.css"> <!-- 框架樣式 選單 -->
17<link rel="stylesheet" href="css/style.css">
18</head>
19<body class="index">
20<!-- loading -->
21<div class="loading-container">
22    <!-- 動圖 -->
23	<div class="cssload-fond">
24		<div class="cssload-container-general">
25			<div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_1"></div></div>
26			<div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_2"></div></div>
27			<div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_3"></div></div>
28			<div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_4"></div></div>
29		</div>
30	</div>   
31</div>
32	
33<header class="change transparent"><div class="header-container">
34	<a href="/index.asp" class="logo"></a>
35	<input type="checkbox" class="navCheck" id="navCheck" >
36	<label class="navToggle navToggle02" for="navCheck"><span></span></label>
37	<nav>
38		<ul class="mainMenu">
39			<li><a href="/intro.asp"><b>辦事處</b>介紹</a></li>
40			<li><a href="/roadtrip/index.asp">靜岡<b>自駕遊</b></a></li>
41			<li><a href="/student/index.asp"><b>靜岡</b>教育旅行</a></li>
42			<li><a href="https://hellonavi.jp/link/index.html" target="_blank"><b>

42旅遊</b>傳送門</a></li>
43			<li><a class="contact-us">聯絡<b>我們</b></a></li>
44		</ul>
45		<ul class="socialMenu">
46			<li><a href="https://www.facebook.com/shizuokaken" target="_blank" class="fb"></a></li>
47			<li><a href="https://www.instagram.com/shizuoka.tw/" target="_blank" class="ig"></a></li>
48			<li><a href="https://www.youtube.com/@user-wk6do2kn5i" target="_blank" class="yt"></a></li>
49		</ul>
50	</nav>
51</div></header>
52
53
54<!-- 主視覺 -->
55<section class="kv">
56	<div class="slide-box">
57		<div class="slide-block"><div class="slide-img"><div class="slide-photo kv1" style="background-image:url(images/index/kv-01.jpg);"></div></div></div>
58		<div class="slide-block"><div class="slide-img"><div class="slide-photo kv2" style="background-image:url(images/index/kv-02.jpg);"></div></div></div>
59		<div class="slide-block"><div class="slide-img"><div class="slide-photo kv3" style="background-image:url(images/index/kv-03.jpg);"></div></div></div>
60		<div class="slide-block"><div class="slide-img"><div class="slide-photo kv4" style="background-image:url(images/index/kv-04.jpg);"></div></div></div>
61		<div class="slide-block"><div class="slide-img"><div class="slide-photo kv5" style="background-image:url(images/index/kv-05.jpg);"></div></div></div>
62		<div class="slide-block"><div class="slide-img"><div class="slide-photo kv6" style="background-image:url(images/index/kv-06.jpg);"></div></div></div>
63		<div class="slide-block"><div class="slide-img"><div class="slide-photo kv7"><a href="event/discount_2019/index.html"></a></div></div></div>
64	</div>
65	<div class="title"><img src="images/index/kv-title-text.svg" alt="開車探索靜岡第一的絕景"></div>
66</section>
67
68<!-- 路線選擇 -->
69<section class="trip-container container">
70	<h2>Welcome to <b>Shizuoka</b></h2>
71	<a class="banner" href="trip-1.html">
72		<div class="image-block"><img src="images/index/banner-01.jpg"></div>
73		<div class="text-block">
74			<h4>東部、伊豆</h4>
75			<h3>開車巡遊富士山與百花綻放的絕景</h3>
76			<p>邊眺望富士山，邊在日本屈指可數的自駕路線 Izu Skyline (伊豆環山遊覽公路)上飛馳。 </p>
77			<p>能夠欣賞到日本最早綻放的梅花和櫻花，也是静岡的魅力所在。</p>
78			<div class="icon-arrow-right"><img src="fonts/icomoon/svg/arrow-right.svg"></div>
79		</div>
80	</a>
81
82	<a class="banner" href="trip-2.html">
83		<div class="image-block"><img src="images/index/banner-02.jpg"></div>
84		<div class="text-block">
85			<h4>中部</h4>
86			<h3>開車去奧大井尋幽探秘</h3>
87			<p>朝著運行日本唯一的齒軌列車的大井川鐵道前進。</p>
88			<p>從浮在水壩湖上的秘境車站「奧大井湖上站」眺望的景致無與倫比!</p>
89			<div class="icon-arrow-right"><img src="fonts/icomoon/svg/arrow-right.svg"></div>
90		</div>
91	</a>
92
93	<a class="banner" href="trip-5.html">
94		<div class="image-block"><img src="images/index/banner-05.jpg"></div>
95		<div class="text-block">
96			<h4>中部</h4>
97			<h3>自駕開車輕鬆遊茶園品味靜岡茶</h3>
98			<p>一邊茶園裡眺望雲海，另一邊飽覽茶園風景。最後以享受 100% 天然溫泉露天風呂，搭配海風遠眺富士山。</p>
99			<div class="icon-arrow-right"><img src="fonts/icomoon/svg/arrow-right.svg"></div>
100		</div>
101	</a>
102
103	<a class="banner" href="trip-6.html">
104		<div class="image-block"><img src="images/index/banner-06.jpg"></div>
105		<div class="text-block">
106			<h4>中部</h4>
107			<h3>駕駛前往神社集結的「靜岡淺間神社」</h3>
108			<p>參訪 26 棟被指定為國家重要文化財的神社；到「寸又峽夢之吊橋」飽覽四季的變幻。</p>
109			<div class="icon-arrow-right"><img src="fonts/icomoon/svg/arrow-right.svg"></div>
110		</div>
111	</a>
112
113	<a class="banner" href="trip-3.html">
114		<div class="image-block"><img src="images/index/banner-03.jpg"></div>
115		<div class="text-block">
116			<h4>中部·東部·伊豆</h4>
117			<h3>開車環富士山尋訪能看到富士山的景點</h3>
118			<p>從不同的地方，會欣賞到「靈峰富士」不同的姿態。 </p>
119			<p>從世界遺產到海上，盡享富士山的無窮魅力。</p>
120			<div class="icon-arrow-right"><img src="fonts/icomoon/svg/arrow-right.svg"></div>
121		</div>
122	</a>
123
124	<a class="banner" href="trip-4.html">
125		<div class="image-block"><img src="images/index/banner-04.jpg?v=2"></div>
126		<div class="text-block">
127			<h4>靜岡全區</h4>
128			<h3>玩遍靜岡!自駕橫穿靜岡</h3>
129			<p>開車走完新東名高速和東名高速公路全程，盡享自駕樂趣!  </p>
130			<p>寬廣的靜岡，有海有山有美食，景色豐富多彩!</p>
131			<div class="icon-arrow-right"><img src="fonts/icomoon/svg/arrow-right.svg"></div>
132		</div>
133	</a>
134</section>
135
136<!-- 過場 -->
137<section class="break-kv"></section>	
138
139
140<!-- 友善連結 -->
141<section class="friendly-link-container container">
142	<h2>go on a <b>road trip</b></h2>
143	<ul class="link-group">
144		<li><a href="http://www.mtfuji-shizuokaairport.jp/" target="_blank"><img src="images/index/friendly-link_01.png" alt="富士山靜岡機場"></a></li>
145		<li><a href="http://www.nipponrentacar.co.jp/tokai/" target="_blank"><img src="images/index/friendly-link_02.png" alt="ニッポンレンタカー"></a></li>
146		<li><a href="http://www.toyota-renta.co.jp/" target="_blank"><img src="images/index/friendly-link_03.png" alt="トヨタレンタカー"></a></li>
147		<li><a href="https://www.suzuyo-rentacar.jp/" target="_blank"><img src="images/index/friendly-link_04.png" alt="オリックスレンタカー"></a></li>
148		<li><a href="https://nissan-rentacar.com/" target="_blank"><img src="images/index/friendly-link_05.png" alt="日産レンタカー"></a></li>
149		<li><a href="pdf/no1.pdf" target="_blank"><img src="images/index/friendly-link_07.png" alt="手冊下載"></a></li>
150	</ul>
151</section>
152
153
154<footer><div class="footer-container">
155	<ul>
156		<li><a href="mailto:[email protected]">[email protected]</a></li>
157		<li><a href="tel:0225081515">02-2508-1515</a></li>
158		<li><a href="https://maps.app.goo.gl/vn1mgWxJuREvWaSp9" target="_blank">台北市中山區南京東路二段137號13樓 <br>(聯邦商業大樓)</a></li>
159		<li><a href="https://www.facebook.com/shizuokaken" target="_blank">Facebook</a></li>
160	</ul>
161	<div class="copyright"><a href="/privacy.html" target="_blank">隱私權聲明</a> <p>Mt. Fuji Japan Shizuoka Prefecture Taiwan Office. All Rights Reserved.</p></div>
162	<a class="btn_top"></a>
163</div></footer>
164

165<script src="js/jquery-3_4_1.min.js"></script>

165

166<script src="/js/lib/slick-1_8_1/slick.min.js"></script>

166<!-- slick 輪播-->

167<script src="/js/lib/gsap-3_9_1/gsap.min.js"></script>

167<!-- gsap-->

168<script src="/js/lib/gsap-3_9_1/ScrollTrigger.min.js"></script>

168

169<script type="text/javascript" src="/js/script.js"></script>

169<!-- 框架樣式 選單 -->

170<script>
171	var tags = $(".banner ,.link-group li");
172	//進場動態
173	gsap.utils.toArray(tags).forEach(function(sdtag){
174		gsap.from(sdtag,{
175			autoAlpha:"0", y:'-=60',scale:.7,ease: "power4.out", duration: 2,
176			scrollTrigger: {
177				// from: "random",
178				// markers:true,
179				trigger:sdtag,  //object
180				start: "top 80%",  //trigger, viewport
181				end: "top 35%", 
182				// scrub: true,
183				toggleActions: "play none resume reset", //onEnter, onLeave, onEnterBack, onLeaveBack
184			}
185		});
186	});
187
188  	// 輪播圖片
189  	$('.index .kv .slide-box').slick({
190  	  speed:1800,
191  	  autoplay:true,
192  	  autoplaySpeed:6800,
193  	  slidesToShow:1,
194  	  slidesToScroll:1,
195  	  infinite:true,
196  	  dots:false,
197  	  fade:true,
198  	  pauseOnHover:false,
199  	  arrows:false,
200  	});
201  	$('.index .kv .slide-box').slick('slickGoTo', 1);
202</script>

202
203</body>
204</html>