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<title>é岡æè²æ è¡</title> 7<meta charset="utf-8"> 8<meta name="viewport" content="viewport-fit=cover ,width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 9<meta name="format-detection" content="telephone=no"> 10<meta name="title" content=""> 11<meta name="keyword" content=""> 12<meta name="description" content=""/> 13<meta property="og:title" content=""> 14<meta property="og:site_name" content=""> 15<meta property="og:description" content=""> 16<meta property="og:image" content=""> 17<meta property="og:image:type" content="image/png"> 18<meta property="og:image:width" content="1200"> 19<meta property="og:image:height" content="630"> 20<link href="/favicon.ico" rel="shortcut icon"> 21<!-- icon font --> 22<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> 23<link rel="stylesheet" href="/js/lib/slick-1_8_1/slick.css"><!-- slick 輪æ--> 24<link rel="stylesheet" href="/css/style.css"> <!-- æ¡æ¶æ¨£å¼ --> 25<link rel="stylesheet" href="css/style_student.css"> 26</head> 27<body> 28<!-- loading --> 29 <div class="loading-container"> 30 <!-- åå --> 31 <div class="cssload-fond"> 32 <div class="cssload-container-general"> 33 <div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_1"></div></div> 34 <div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_2"></div></div> 35 <div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_3"></div></div> 36 <div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_4"></div></div> 37 </div> 38 </div> 39</div> 40 41<article class="wrap index"> 42 43<header class="change transparent"><div class="header-container"> 44 <a href="/index.asp" class="logo"></a> 45 <input type="checkbox" class="navCheck" id="navCheck" > 46 <label class="navToggle navToggle02" for="navCheck"><span></span></label> 47 <nav> 48 <ul class="mainMenu"> 49 <li><a href="/intro.asp"><b>辦äºè</b>ä»ç´¹</a></li> 50 <li><a href="/roadtrip/index.asp">é岡<b>èªé§é</b></a></li> 51 <li><a href="/student/index.asp"><b>é岡</b>æè²æ è¡</a></li> 52 <li><a href="https://hellonavi.jp/link/index.html" target="_blank"><b>
52æ é</b>å³éé</a></li> 53 <li><a class="contact-us">è¯çµ¡<b>æå</b></a></li> 54 </ul> 55 <ul class="socialMenu"> 56 <li><a href="https://www.facebook.com/shizuokaken" target="_blank" class="fb"></a></li> 57 <li><a href="https://www.instagram.com/shizuoka.tw/" target="_blank" class="ig"></a></li> 58 <li><a href="https://www.youtube.com/@user-wk6do2kn5i" target="_blank" class="yt"></a></li> 59 </ul> 60 </nav> 61</div></header> 62 63 64 65<!-- mainimg --> 66<section class="mainimg_container"> 67 <div class="mainimg_slide images_block"> 68 <div><img src="images/index/mainimg_02.jpg" srcset="images/index/mainimg_02.jpg 960w,images/index/[email protected] 1920w,images/index/[email protected] 2880w" loading="lazy" width="960"></div> 69 <div><img src="images/index/mainimg_03.jpg" srcset="images/index/mainimg_03.jpg 960w,images/index/[email protected] 1920w,images/index/[email protected] 2880w" loading="lazy" width="960"></div> 70 <div><img src="images/index/mainimg_01.jpg" srcset="images/index/mainimg_01.jpg 960w,images/index/[email protected] 1920w,images/index/[email protected] 2880w" loading="eager" width="960"></div> 71 </div> 72 <div class="text_block"> 73 <img src="images/index/mianimg_intro_txt.svg" class="intro_txt" alt="é岡æè²æ è¡"> 74 <img src="/images/index/mianimg_intro_arrow.png" class="intro_arrow" loading="lazy"> 75 </div> 76</section> 77 78 79 80<div class="container"> 81 <!-- video_container --> 82 <section class="video_container"> 83 <div class="video_box fadeRight"> 84 <div class="video_block"> 85 <!-- è¦autoplayå¾å mute=1 --> 86 <iframe src="https://www.youtube.com/embed/YVxhqybmTfc?&rel=0&autoplay=0&loop=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 87 </div> 88 </div> 89 <div class="text_block fadeLeft"> 90 <p>é岡縣æ¨ååä¸çåé«ä¸çé²è¡ãæ¥æ¬æè²ä¹æ ãï¼åææ¥åãèµ´æ¥æè²æ è¡åãééå¸æ ¡äº¤æµãä¼æ¥è¨ªè«åè·¨åæåé«é©ä¾ä¿é²åé交æµã</p> 91 <p>ç®åå¤é 162 æå¸æ ¡åä¼æ¥çµç¹å¯æ¥åç³è«ï¼å·²æè¶ é 6348 ä½å¸çå訪ãé岡縣已å好å®åçæºåï¼è¡·å¿æå¾ èåä½çé 訪ã</p> 92 </div> 93 <div class="deco"></div> 94 </section> 95</div> 96 97 <!-- school_container --> 98 <div class="school_bg"> 99 <div class="container"> 100 <section class="school_container"><a href="/student/school.asp"> 101 <div class="text_box fadeRight"> 102 <div class="text_block"> 103 <h2>å¸æ ¡äº¤æµ</h2> 104 <p>æ¡è¿ä¾å°é岡縣çå¸æ ¡</p> 105 <p>æåä¸ç´å¾æå¾ é次çå¸æ ¡äº¤æµ<br>令人è奮ç交æµå³å°éå§<br>è®æåä¸èµ·äº¤å¾å¤æåå§</p> 106 <div href="/student/school.asp" class="btn"></div> 107 <!-- <a href="/student/school.asp" class="btn"></a> --> 108 </div> 109 </div> 110 <div class="images_block fadeLeft"> 111 <img src="images/index/school.jpg" srcset="images/index/school.jpg 750w,images/index/[email protected] 1500w" loading="lazy" width="750" height="520"> 112 </div> 113 </a></section> 114 </div> 115 </div> 116 117 <!-- map_container --> 118 <div class="map_container"> 119 <div class="container"> 120 <h2 class="fadeUp">æ é/å¯å®¿å®¶åº</h2> 121 <div class="text_block fadeUp"> 122 <p><strong>é»é¸å°åä¸çåå</strong>ï¼æ¢ç´¢ä¸åå°åçå¯å®¿å®¶åºãé«é©å §å®¹ãæ éæ¯é»å示ç¯è·¯ç·ã</p> 123 <p>é岡縣ç®åæäºåå°åæå¯å®¿å®¶åºã æ¯åå°ååæç¹è²ï¼å±±åå¤çºè¾²å®¶æ°å®¿ï¼æµ·éå¤æ¯å®¶åºæ 館ææ¼å®¶æ°å®¿ï¼æ¯éæ°å®¿å¯æ¥æ¶4-8人ï¼ä¸æ¯æ¥å¾ 客人èæ¯è¦çºå®¶äººä¸èµ·çæ´»ãèå¯å®¿å®¶åºäºåçåæäºè§£æ¥æ¬ççæ´»åæåï¼å¦å¹«å¿èä½ãæçãæ¶æ¾ææåèæã</p> 124 <div class="for_mobile"> 125 <ul class="fadeUp map_icon"> 126 <li><a href="/student/west.asp"><img src="images/index/map_icon1.svg" alt="御åå´" width="110" height="110"></a></li> 127 <li><a href="/student/central.asp"><img src="images/index/map_icon2.svg" alt="å·æ ¹" width="110" height="110"></a></li> 128 <li><a href="/student/fuji.asp"><img src="images/index/map_icon3.svg" alt="å¾¡æ®¿å ´" width="110" height="110"></a></li> 129 <li><a href="/student/lzu.asp"><img src="images/index/map_icon4.svg" alt="沼津" width="110" height="110"></a></li> 130 <li><a href="/student/lzu.asp"><img src="images/index/map_icon5.svg" alt="ä¼æ±" width="110" height="110"></a></li> 131 </ul>
132 </div> 133 </div> 134 </div> 135 <div class="map_group_bg"> 136 <div class="map_group fadeUp"> 137 <div class="mapsvg-box"></div> 138 <div class="map_deco"> 139 <picture> 140 <source media="(orientation:portrait)" srcset="images/index/map_deco.png 390w, images/index/[email protected] 780w, images/index/[email protected] 1170w" /> 141 <source srcset="images/index/map_deco_pc.png 1626w, images/index/[email protected] 2400w" /> 142 <img src="images/index/map_deco.png" loading="lazy" width="390" height="325" /> 143 </picture> 144 </div> 145 </div> 146 </div> 147 </div> 148 149 150 151 152 153 154 155<!-- parallaxbg --> 156<section class="parallaxbg-container"></section> 157 158 159 160<div class="container"> 161 <!-- application --> 162 <section class="application_container"> 163 <h2 class="fadeUp">ç³è«æµç¨</h2> 164 <div class="half_box"> 165 <div class="text_block fadeUp"> 166 <p>å°æ¼é岡æè²æ è¡æè趣çå¸æ ¡ãæ è¡ç¤¾ï¼è«åè以ä¸ç³è«æµç¨ï¼ä¸¦éé <a href="mailto:[email protected]">[email protected]</a> æé»è©± <span style="display:inline-block;">02-2508-1515</span> èæ¥æ¬å¯å£«ä¹åé岡縣é§å°è¾¦äºèè¯ç¹«ã</p> 167 <ol> 168 <li>éè¦å¨é岡ä½å®¿ä¸æ以ä¸ï¼ä¸¦ä½¿ç¨è³å°ä¸é ä»è²»è¨æ½(å å«é¤é£²è¨æ½)</li> 169 <li>éè¦è³å°å¨äº¤æµæ¥çä¸åæåæåºç³è«</li> 170 <li>ç³è«æè«æåºãç³è«è¡¨ãããè¡ç¨è¡¨ãããåå è åå®ãï¼ä¸¦ä»¥Emailçæ¹å¼å¯åºã</li> 171 </ol> 172 <a href="download/SchoolChecklist.xls" download class="btn radius">ç³è«è¡¨ä¸è¼</a> 173 </div> 174 <div class="images_block"> 175 <picture> 176 <source media="(orientation:portrait)" srcset="images/index/application.svg" /> 177 <source srcset="images/index/application_pc.svg" /> 178 <img src="images/index/application_pc.svg" loading="lazy"/> 179 </picture> 180 </div> 181 </div> 182 183 184 <div class="table_box"> 185 <div class="note_block"> 186 <p>(éå²¡ç¸£å §çé«ä¸)</p> 187 <p><span class="icon circle"></span>å¯æ¥åç³è« <span class="icon triangle"></span>éå調</p> 188 </div> 189 <div class="table_block fadeUp"> 190 <table border="1" class="table_rwd"> 191 <tr> 192 <th data-th=""></th> 193 <th data-th="1æ">1æ</th> 194 <th data-th="2æ">2æ</th> 195 <th data-th="3æ">3æ</th> 196 <th data-th="4æ">4æ</th> 197 <th data-th="5æ">5æ</th> 198 <th data-th="6æ">6æ</th> 199 <th data-th="7æ">7æ</th> 200 <th data-th="8æ">8æ</th> 201 <th data-th="9æ">9æ</th> 202 <th data-th="10æ">10æ</th> 203 <th data-th="11æ">11æ</th> 204 <th data-th="12æ">12æ</th> 205 </tr> 206 <tr> 207 <td>ä¸æ¬</td> 208 <td></td> 209 <td><span class="icon circle"></span></td> 210 <td><span class="icon circle"></span></td> 211 <td></td> 212 <td><span class="icon triangle"></td> 213 <td><span class="icon circle"></span></td> 214 <td><span class="icon circle"></span></td> 215 <td></td> 216 <td><span class="icon circle"></span></td> 217 <td><span class="icon circle"></span></td> 218 <td><span class="icon circle"></span></td> 219 <td></td> 220 </tr> 221 <tr> 222 <td>ä¸æ¬</td> 223 <td></td> 224 <td><span class="icon circle"></span></td> 225 <td><span class="icon triangle"></td> 226 <td><span class="icon triangle"></td> 227 <td><span class="icon circle"></span></td> 228 <td><span class="icon circle"></span></td> 229 <td></td> 230 <td></td> 231 <td><span class="icon circle"></span></td> 232 <td><span class="icon circle"></span></td> 233 <td><span class="icon circle"></span></td> 234 <td><span class="icon triangle"></td> 235 </tr> 236 <tr> 237 <td>ä¸æ¬</td> 238 <td><span class="icon triangle"></td> 239 <td></td> 240 <td></td> 241 <td><span class="icon circle"></span></td> 242 <td></td> 243 <td><span class="icon circle"></span></td> 244 <td></td> 245 <td></td> 246 <td><span class="icon circle"></span></td> 247 <td></td> 248 <td><span class="icon circle"></span></td> 249 <td></td> 250 </tr> 251 </table> 252 </div> 253 </div> 254 255 </section> 256</div> 257 258 259<footer><div class="footer-container"> 260 <ul> 261 <li><a href="mailto:[email protected]">[email protected]</a></li> 262 <li><a href="tel:0225081515">02-2508-1515</a></li> 263 <li><a href="https://maps.app.goo.gl/vn1mgWxJuREvWaSp9" target="_blank">å°åå¸ä¸å±±åå京æ±è·¯äºæ®µ137è13æ¨ <br>(è¯é¦åæ¥å¤§æ¨)</a></li> 264 <li><a href="https://www.facebook.com/shizuokaken" target="_blank">Facebook</a></li> 265 </ul> 266 <div class="copyright"><a href="/privacy.html" target="_blank">é±ç§æ¬è²æ</a> <p>Mt. Fuji Japan Shizuoka Prefecture Taiwan Office. All Rights Reserved.</p></div> 267 <a class="btn_top"></a> 268</div></footer> 269</article>
270<script src="/js/lib/jquery-3_6_0/jquery.min.js"></script>
270<!-- JQ -->
271<script src="/js/lib/slick-1_8_1/slick.min.js"></script>
271<!-- slick 輪æ-->
272<script src="/js/lib/malihu/jquery.mCustomScrollbar.concat.min.js"></script>
272<!-- æ²è»¸æ¨£å¼-->
273<script src="/js/lib/gsap-3_9_1/gsap.min.js"></script>
273<!-- gsap-->
274<script src="/js/lib/gsap-3_9_1/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 274
274
275<script type="text/javascript" src="/js/script.js"></script>
275<!-- æ¡æ¶æ¨£å¼ -->
276<script> 277//åæ 278var fadeUps = $('.fadeUp'), 279 fadeRights = $('.fadeRight'), 280 fadeLefts = $('.fadeLeft'); 281 282 // 主è¦è¦ºè¼ªæ 283 $('.mainimg_slide').slick({ 284 infinite: true, 285 autoplay: true, 286 autoplaySpeed: 5000, 287 fade: true, 288 speed:500, 289 dots: false, 290 arrows: false, 291 pauseOnHover: false, 292 }); 293 294 295// DOM å®æ´ä¸è¼å®æè§¸ç¼ 296$(window).on('load',function(){ 297 // 主è¦è¦ºæ¨é¡ 298 gsap.from('.mainimg_container .text_block',{autoAlpha:"0", scale:'.6',ease: "power4.out", duration:1.2,}); 299 $('.mainimg_slide').slick('slickGoTo', 2); 300 301 //主è¦è¦ºè¼ªæ 302 $('.video_item-box').slick({ 303 mobileFirst: true, 304 pauseOnHover:false, 305 arrows:false, 306 dots: true, 307 variableWidth: true, 308 slidesToShow: 1, 309 responsive: [{ 310 breakpoint: 768,settings: { 311 arrows:true, 312 } 313 }] 314 }); 315 316 // load map svg 317 $('.mapsvg-box').load('images/index/map.svg',function(){ 318 // $('.mapsvg-box svg g[data-name="map01"]').addClass('active'); 319 $('.mapsvg-box #map01').click(function(){ window.location.assign('/student/west.asp'); return false; }); 320 $('.mapsvg-box #map02').click(function(){ window.location.assign('/student/central.asp'); return false; }); 321 $('.mapsvg-box #map03').click(function(){ window.location.assign('/student/fuji.asp'); return false; }); 322 $('.mapsvg-box #map04').click(function(){ window.location.assign('/student/lzu.asp'); return false; }); 323 }); 324 325 326 327 328 gsap.utils.toArray(fadeUps).forEach(function(sdfadeUp){ 329 gsap.from(sdfadeUp,{ 330 autoAlpha:"0", y:'+=300',ease: "power4.out", duration: 2.5, 331 scrollTrigger: { 332 // markers:true, 333 trigger:sdfadeUp, //object 334 start: "top 120%", //trigger, viewport 335 end: "top 65%", 336 scrub: true, 337 // toggleActions: "play none none none", //onEnter, onLeave, onEnterBack, onLeaveBack 338 } 339 }); 340 }); 341 342 gsap.utils.toArray(fadeRights).forEach(function(sdfadeRight){ 343 gsap.from(sdfadeRight,{ 344 autoAlpha:"0", xPercent:'-30',ease: "power4.out", duration: 2.5, 345 scrollTrigger: { 346 // markers:true, 347 trigger:sdfadeRight, //object 348 start: "center 100%", //trigger, viewport 349 end: "center 50%", 350 scrub: true, 351 } 352 }); 353 }); 354 355 gsap.utils.toArray(fadeLefts).forEach(function(sdfadeLeft){ 356 gsap.from(sdfadeLeft,{ 357 autoAlpha:"0", xPercent:'30', ease: "power4.out", duration: 2.5, 358 scrollTrigger: { 359 // markers:true, 360 trigger:sdfadeLeft, //object 361 start: "center 100%", //trigger, viewport 362 end: "center 50%", 363 scrub: true, 364 } 365 }); 366 }); 367 368 369}) 370</script>
370 371</body> 372</html>
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.