1// JavaScript Document 2 3$(document).ready(function() { 4 5 6 7 8// gsapç»é² 9gsap.registerPlugin(ScrollTrigger); 10 11 12// æ¼åºå¯¾è±¡ã¨ãªãè¦ç´ ãåå¾ 13gsap.utils.toArray(".anime_gasp").forEach((el) => { 14 gsap.from(el, { 15 y: 20, 16 opacity: 0, 17 duration: 1, 18 delay:0.25, 19 scaleX: 1, 20 scaleY: 1, 21 ease: "power1.out", 22 // ã¹ã¯ãã¼ã«ããªã¬ã¼ã®è¨å® 23 scrollTrigger: { 24 trigger: el, // å¯¾è±¡ç© 25 /*toggleActions: "restart pause resume pause"*/ 26 //toggleActions: "play complete reverse reset" 27 toggleActions: "play none none reset" 28 }, 29 30 31 }); 32}); 33 34 35gsap.utils.toArray(".anime_gasp2").forEach((el2) => { 36 gsap.from(el2, { 37 y: 0, 38 opacity: 0, 39 duration: 0.5, 40 delay:0.25, 41 scaleX: 2, 42 scaleY: 2, 43 ease: "expo.inOut", 44 // ã¹ã¯ãã¼ã«ããªã¬ã¼ã®è¨å® 45 scrollTrigger: { 46 trigger: el2, // å¯¾è±¡ç© 47 /*toggleActions: "restart pause resume pause"*/ 48 // toggleActions: "play complete reverse reset" 49 toggleActions: "play none none reset" 50 }, 51 52 53 }); 54}); 55 56 57/*g-nav*/ 58 59 60$(".openbtn").click(function () { 61 $(this).toggleClass('active'); 62 $("#menuIcon").toggleClass('nc-int-icon-state-b'); 63 64 $("#g-nav").toggleClass('panelactive'); 65}); 66 67$("#g-nav a").click(function () { 68 $(".openbtn").removeClass('active'); 69 $("#g-nav").removeClass('panelactive'); 70 $("#menuIcon").removeClass('nc-int-icon-state-b'); 71}); 72 73 74/*bt underline*/ 75 76document.querySelectorAll(".list_item a").forEach((element) => { 77 const underLineElement = element.querySelector(".underline"); 78 79 // ããã¼éå§ 80 const enterAnimation = Tween24.tween( 81 underLineElement, 82 0.2, 83 Ease24._2_QuadOut 84 ).width("100%"); 85 86 // ããã¼çµäº 87 const leaveAnimation = Tween24.tween( 88 underLineElement, 89 0.5, 90 Ease24._2_QuadOut 91 ).width("0%"); 92 93 // ã¤ãã³ããaã¿ã°ã« 94 Event24.add( 95 element, 96 Event24.MOUSE_ENTER, 97 Tween24.func(() => { 98 leaveAnimation.skip(); 99 enterAnimation.play(); 100 }) 101 ); 102 Event24.add( 103 element, 104 Event24.MOUSE_LEAVE, 105 Tween24.func(() => { 106 enterAnimation.skip(); 107 leaveAnimation.play(); 108 }) 109 ); 110}); 111 112 113 114 115/*card animation*/ 116 117/** 118 * 交差æ 119 */ 120const intersectionCallback = (entries) => { 121 entries.forEach((entry, index) => { 122 if (entry.isIntersecting) { 123 // 交差ããè¦ç´ ã®dataå±æ§ããtweenIdãåå¾ 124 const tweenId = entry.target.dataset.tweenId; 125 // 200ããªç§ãã¤é 延 126 setTimeout(() => { 127 Tween24.playById(tweenId); 128 }, 200 * index); 129 } 130 }); 131}; 132 133/** 134 * Intersection Observerãä½æ 135 */ 136const observer = new IntersectionObserver(intersectionCallback, { 137 // ç»é¢ä¸ãããå°ãä¸ã«ç¯å²ãè¨å® 138 rootMargin: "0px 0px -15%", 139}); 140 141// ã«ã¼ãã³ã³ãã¼ãã³ã 142const cardElements = document.querySelectorAll(".cardList__item"); 143 144 145// ã¢ãã¡ã¼ã·ã§ã³ãä½æ 146cardElements.forEach((cardElement, index) => { 147 const children = cardElement.querySelectorAll("*"); 148 Tween24.prop(Array.from(children)).opacity(0).y(20).play(); 149 150 // 151 const fadeTween = Tween24.tween(Array.from(children), 0.75, Ease24._4_QuartOut) 152 .opacity(1) 153 .y(0); 154 155 // åã ã®ãã§ã¼ã 156 const cardTween = Tween24.lag(0.1, fadeTween); 157 158 // Tweenã¢ãã¡ã¼ã·ã§ã³ã«idãä»ä¸ 159 cardTween.id(`${index}`); 160 161 // Intersection Observerå´ããèªã¿åºããããã«dataå±æ§ã«ã»ãã 162 cardElement.dataset.tweenId = `${index}`; 163 164 // ãªãã¶ã¼ãã¼ã§ç£è¦ 165 observer.observe(cardElement); 166 167}); 168 169 170 171 172 173 174/*class animation*/ 175 176//交差ãç£è¦ããè¦ç´ 177const boxes = document.querySelectorAll(".anime_a"); 178 179const options = { 180 root: null, // ä»åã¯ãã¥ã¼ãã¼ããã«ã¼ãè¦ç´ ã¨ãã 181 //rootMargin: "-50% 0px", // ãã¥ã¼ãã¼ãã®ä¸å¿ãå¤å®åºæºã«ãã 182 rootMargin: "0px 0px -10%", 183 threshold: 0 // é¾å¤ã¯0 184}; 185const observer2 = new IntersectionObserver(doWhenIntersect, options); 186// ããããã®boxãç£è¦ãã 187boxes.forEach(box => { 188 observer2.observe(box); 189 190}); 191 192/** 193 * 交差ããã¨ãã«å¼ã³åºãé¢æ° 194 */ 195function doWhenIntersect(entries) { 196 // 交差æ¤ç¥ããããã®ã®ãªãã§ãisIntersectingãtrueã®DOMãè²ãå¤ããé¢æ°ã«æ¸¡ã
197 entries.forEach(entry => { 198 if (entry.isIntersecting) { 199 animation_a(entry.target); 200 observer2.unobserve(entry.target);ã//以éã®ç£è¦ãåæ¢ 201 } 202 }); 203} 204 205 206 207 208 209 210 211 212 213 214 215 216/*animation function*/ 217 218 219function animation_a (element) { 220 221 222 Tween24.prop(element).opacity(0).y(100).play(); 223 224 const anime_a = Tween24.lag(0, 225 226 Tween24.tween(element, 2, Ease24._4_QuartOut).y(0).opacity(1) 227); 228 229Tween24.serial(anime_a).play(); 230 231 232} 233 234 235 236 237 238/*ã¹ã¯ãã¼ã«*/ 239 240 241 242 243 244 245 246 247 248 249//ãã¼ã¸å ãªã³ã¯ 250$('.pageScroll').bind('click',function(event){ 251 252 253 254 event.preventDefault(); 255 event.stopPropagation(); 256 257 val = $(this).attr("href");ã// valueã®åå¾ 258 259 contentsScroll(val,-60); 260 261 // closeModal(); 262 263 264 //return false; //delegateãstop 265}); 266 267 268 269 270//ãã¼ã¸å ãªã³ã¯ 271$('.pageScroll2').bind('click',function(event){ 272 273 event.preventDefault(); 274 event.stopPropagation(); 275 276 val = $(this).attr("href");ã// valueã®åå¾ 277 278 contentsScroll(val,-0); 279 280 // ã¢ã³ã¼ãã£ãªã³open 281 282 283 284 var tempp2 = val+" .ac-trigger"; 285 286 287 $(tempp2).next().slideDown(300, function () { 288 }); 289 // $(val).addClass(_ACTIVE); 290 291 292 293// closeModal(); 294 295 296 //return false; //delegateãstop 297}); 298 299 300 301 302 303 304 305 306$('.linkTop').bind('click',function(event){ 307 308linkTop(); 309 310 311 //return false; //delegateãstop 312}); 313 314 315 316 317 318//ã¹ã¯ãã¼ã«å¦ç 319 320var ifscroll = false; //ã¹ã¯ãã¼ã«ãã§ã㯠321 322function contentsScroll(scTarget,scNum) { 323 324 //alert (scTarget); 325 if( ifscroll == false) { 326 327 ifscroll = true; 328 $('html, body').stop().animate({ 329 scrollTop: $(''+scTarget).offset().top+scNum 330 331 }, 1000,'easeInOutQuart',function() {ifscroll = false;}); //jswing,easeOutQuad,easeInOutQuart 332 } 333} 334 335 336 337 function linkTop(){ 338 339$.when( 340 341 342).done(function() { 343 344 $(document.body).animate({scrollTop: 0}, 600,'easeInOutQuart'); 345 346}); 347 348 349 } 350 351 352 353 354 355//modaalãã¢ã¼ãã«è¨å® 356 357 358 359 //modal trailer ã¾ã¨ã 360 361$(document).ready(function () { 362 $(".trailer").each(function (index) { 363 const videoId = $(this).data("video-id"); // åç»IDãåå¾ 364 const thumbnailType = $(this).data("thumbnail-type"); // ãµã ãã¤ã«ã¿ã¤ããåå¾ 365 const trailerId = `trailer${index + 1}`; // åçã«ã¢ã¼ãã«IDãçæ 366 367 // ãµã ãã¤ã«URLãè¨å® 368 $(this) 369 .find("img") 370 .attr("src", `http://img.youtube.com/vi/${videoId}/${thumbnailType}.jpg`); 371 372 // åçã«ã¢ã¼ãã«ç¨ã®ã³ã³ãã³ããçæ 373 const modalContent = ` 374 <div id="${trailerId}" class="moddal-now" style="display:none;"> 375 <div class="youtube"> 376 <iframe 377 width="560" 378 height="315" 379 src="https://www.youtube.com/embed/${videoId}?wmode=transparent&autoplay=0&loop=0&rel=0&vq=highres&autohide=1" 380 frameborder="0" 381 allowfullscreen> 382 </iframe> 383 </div> 384 </div> 385 `; 386 387 // Bodyã«ã¢ã¼ãã«ã³ã³ãã³ãã追å 388 if (!$(`#${trailerId}`).length) { 389 $("body").append(modalContent); 390 } 391 392 // ã¢ã¼ãã«è¨å® 393 $(this).attr("href", `#${trailerId}`).modaal({ 394 start_open: false, 395 type: "inline", 396 content_source: `#${trailerId}`, 397 close_text: "", 398 overlay_close: true, 399 fullscreen: false, 400 background: "#000000", 401 overlay_opacity: 0.95, 402 before_open: function () { 403 // ä»ã®ã¢ã¼ãã«ãéãã 404 $(".trailer").not(`[href="#${trailerId}"]`).modaal("close"); 405 }, 406 }); 407 }); 408}); 409 410 411 412 413$(".comment").modaal({ 414 content_source: '#modalcomment', 415 close_text:"", 416 background:"#000000", 417 overlay_opacity:0.95 418 //hide_close:true 419}); 420 421 422 $(document).ready(function() { 423 424 $(".trailer1").modaal({ 425 start_open: false, 426 type: 'inline', 427 content_source: '#trailer1', 428 close_text:"", 429 430 overlay_close:true, 431 fullscreen:false, 432 background:"#000000", 433 overlay_opacity:0.95, 434 435 before_open: function() { 436 $('.trailer2,.trailer3').modaal('close'); 437 438 }, 439 440 //hide_close:true 441}); 442 443 444 $(".trailer2").modaal({ 445 type: 'inline', 446 content_source: '#trailer2', 447 close_text:"", 448 449 450 //overlay_close:false, 451 fullscreen:false, 452 background:"#000000", 453 overlay_opacity:0.95, 454 455 before_open: function() { 456 $('.trailer1,.trailer3').modaal('close'); 457 458 }, 459 460 //hide_close:true 461}); 462 463 464 $(".trailer3").modaal({ 465 type: 'inline', 466 content_source: '#trailer3', 467 close_text:"", 468 469 470 //overlay_close:false, 471 fullscreen:false, 472 background:"#000000", 473 overlay_opacity:0.95, 474 475 before_open: function() { 476 $('.trailer1,.trailer2').modaal('close'); 477 478 }, 479 480 //hide_close:true 481}); 482 483 484 }); 485 486 487//trailerèªåopenæã¯ã³ã¡ã³ãã¢ã¦ããtop.js㧠488/*$('.modaal-video').modaal({type: 'video', 489 start_open:true, 490 close_text:"", 491 background:"#000000", 492 overlay_close:true, 493 overlay_opacity:0.95});*/ 494 495 496 497 498 499/*billing area*/ 500 501 502$(".footer__billing-bt").click(function () {//ãã¿ã³ãã¯ãªãã¯ãããã 503 event.preventDefault(); 504 //$(this).toggleClass('active');//ãã¿ã³èªèº«ã« activeã¯ã©ã¹ãä»ä¸ã 505 $("#billing").toggleClass('panelactive');//ããã²ã¼ã·ã§ã³ã«panelactiveã¯ã©ã¹ãä»ä¸ 506 507}); 508 509$(".billing__set").click(function () {//ããã²ã¼ã·ã§ã³ã®ãªã³ã¯ãã¯ãªãã¯ãããã 510 event.preventDefault(); 511 // $(".openbtn1").removeClass('active');//ãã¿ã³ã® activeã¯ã©ã¹ãé¤å»ã 512 $("#billing").removeClass('panelactive');//ããã²ã¼ã·ã§ã³ã®panelactiveã¯ã©ã¹ãé¤å» 513}); 514 515 516});//ready(function() END 517 518 519 520/*var app = new Vue({ 521 el: '#app', 522 data: { 523 message: 'Hello Vue!' 524 }, 525 mounted: function() { 526 $('#btn').click(function() { 527 $("#hogehoge").text("ããã¹ãæ¿å ¥"); 528 }); 529 } 530})*/
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.