1$(function () { 2 var agent = navigator.userAgent.toLowerCase(); 3 4 if (agent.indexOf('android') > -1) { 5 // ìëë¡ì´ëì¸ ê²½ì° 6 $('.freeBoxOpen').attr('href', 'https://play.google.com/store/apps/details?id=com.store5000'); 7 } else if ( 8 agent.indexOf('iphone') > -1 || 9 agent.indexOf('ipad') > -1 || 10 agent.indexOf('ipod') > -1 || 11 agent.indexOf('mac') > -1 12 ) { 13 // IOSì¸ ê²½ì° 14 $('.freeBoxOpen').attr('href', 'https://apps.apple.com/kr/app/%EB%B3%B4%EB%AC%BC%EC%84%A0/id1610095597'); 15 } else { 16 // 기í 17 $('.freeBoxOpen').attr('href', 'https://play.google.com/store/apps/details?id=com.store5000'); 18 } 19 20 $(window).on('resize', function () { 21 if ($(window).width() >= 1024) { 22 document.location.reload(); 23 } 24 }); 25 26 $(window).on('load resize', function () { 27 //QRcode ì¸ë¡/ê°ë¡ 28 if ($(window).width() >= 1100 || $(window).height() <= 960) { 29 $('.qrcolumn').css('display', 'none'); 30 $('.qrrow').css('display', 'initial'); 31 } else { 32 $('.qrcolumn').css('display', 'initial'); 33 $('.qrrow').css('display', 'none'); 34 } 35 36 let leftOffset = $('.leftWrap').offset().left; 37 let leftW = $('.leftWrap').outerWidth(true); 38 let rightW = $('.rightWrap').width(); 39 40 //pc arrow ìì¹ 41 $('.downArrow').css({ 42 display: 'block', 43 left: leftOffset + leftW + rightW + 35, 44 }); 45 46 //tablet, pc scrolldown page02 ani 47 if ($(window).width() >= 1024) { 48 $('.rightWrap').on('scroll', function () { 49 let scrollTop = $(this).scrollTop(); 50 let pageH = $('#pageOne').outerHeight(); 51 52 if ($(window).height() > 1080) { 53 if (scrollTop < pageH) { 54 swiper.autoplay.start(); 55 56 $('.bubble1').css({ 57 animation: 'bubble1 1.5s ease-in-out forwards', 58 }); 59 $('.bubble2').css({ 60 animation: 'bubble2 1.5s ease-in-out 1.2s forwards', 61 }); 62 $('.bubble3').css({ 63 animation: 'bubble3 1.5s ease-in-out 0.6s forwards', 64 }); 65 66 $('.left').css({ 67 animation: 'opacity 1s ease-in-out 0.5s forwards', 68 }); 69 $('.right').css({ 70 animation: 'opacity 1s ease-in-out 0.5s forwards', 71 }); 72 73 $('.tresureBox').css({ 74 animation: 'boxUp 1.5s ease-in-out 0.3s forwards', 75 }); 76 77 $('.fish1').css({ 78 animation: 'fishleft2 25s ease-in-out infinite', 79 }); 80 $('.fish2').css({ 81 animation: 'fishleft 23s ease-in-out infinite', 82 }); 83 $('.fish3').css({ 84 animation: 'fishright 23.5s ease-in-out infinite', 85 }); 86 $('.fish4').css({ 87 animation: 'fishright 24.5s ease-in-out infinite', 88 }); 89 $('.fish5').css({ 90 animation: 'fishleft 26s ease-in-out infinite', 91 }); 92 } 93 } else { 94 if (scrollTop >= pageH - 70) { 95 swiper.autoplay.start(); 96 97 $('.bubble1').css({ 98 animation: 'bubble1 1.5s ease-in-out forwards', 99 }); 100 $('.bubble2').css({ 101 animation: 'bubble2 1.5s ease-in-out 1.2s forwards', 102 }); 103 $('.bubble3').css({ 104 animation: 'bubble3 1.5s ease-in-out 0.6s forwards', 105 }); 106 107 $('.left').css({ 108 animation: 'opacity 1s ease-in-out 0.5s forwards', 109 }); 110 $('.right').css({ 111 animation: 'opacity 1s ease-in-out 0.5s forwards', 112 }); 113 114 $('.tresureBox').css({ 115 animation: 'boxUp 1.5s ease-in-out 0.3s forwards', 116 }); 117 118 $('.fish1').css({ 119 animation: 'fishleft2 25s ease-in-out infinite', 120 }); 121 $('.fish2').css({ 122 animation: 'fishleft 23s ease-in-out infinite', 123 }); 124 $('.fish3').css({ 125 animation: 'fishright 23.5s ease-in-out infinite', 126 }); 127 $('.fish4').css({ 128 animation: 'fishright 24.5s ease-in-out infinite', 129 }); 130 $('.fish5').css({ 131 animation: 'fishleft 26s ease-in-out infinite', 132 }); 133 } 134 } 135 }); 136 } else { 137 $('.downArrow').css('display', 'none'); 138 139 //모ë°ì¼ fullpage scroll 140 $('#fullpage').fullpage({ 141 autoScrolling: true, 142 scrollHorizontally: true, 143 // fixedElements: '.appDown', 144 afterLoad: function (anchorLink, index) { 145 if (index == 2) { 146 swiper.autoplay.start(); 147 148 $('.bubble1').css({ 149 animation: 'bubble1 1.5s ease-in-out forwards', 150 }); 151 $('.bubble2').css({ 152 animation: 'bubble2 1.5s ease-in-out 1.2s forwards', 153 }); 154 $('.bubble3').css({ 155 animation: 'bubble3 1.5s ease-in-out 0.6s forwards', 156 }); 157 158 $('.left').css({ 159 animation: 'opacity 1s ease-in-out 0.5s forwards', 160 }); 161 $('.right').css({ 162 animation: 'opacity 1s ease-in-out 0.5s forwards', 163 }); 164 165 $('.tresureBox').css({ 166 animation: 'boxUp 1.5s ease-in-out 0.3s forwards', 167 }); 168 169 $('.fish1').css({ 170 animation: 'fishleft2 25s ease-in-out infinite', 171 }); 172 $('.fish2').css({ 173 animation: 'fishleft 23s ease-in-out infinite', 174 }); 175 $('.fish3').css({ 176 animation: 'fishright 23.5s ease-in-out infinite', 177 }); 178 $('.fish4').css({ 179 animation: 'fishright 24.5s ease-in-out infinite', 180 }); 181 $('.fish5').css({ 182 animation: 'fishleft 26s ease-in-out infinite', 183 }); 184 } 185 }, 186 }); 187 } 188 189 //page02 ì¬ë¼ì´ë swiper 190 var swiper = new Swiper('.mySwiper', { 191 spaceBetween: 20, 192 centeredSlides: true, 193 slidesPerView: 1.3, 194 resistance: false, 195 // autoplay: true, 196 // autoplay:{ 197 // delay: 3000, 198 // disableOnInteraction: false, 199 // }, 200 allowTouchMove: true, 201 observer: true, 202 observeParents: true, 203 pagination: { 204 el: '.swiper-pagination', 205 clickable: true, 206 }, 207 }); 208 }); 209 210 const $startBtn = $('.start'); 211 const $titleOne = $('.titleOne'); 212 // const $titleTwo = $('.titleTwo'); 213 214 //startë²í¼ ìëí´ë¦ 215 setTimeout(function () { 216 $startBtn.trigger('click').animate( 217 { 218 marginBottom: '-1%', 219 }, 220 100 221 ); 222 }, 4000); 223 setTimeout(function () { 224 $startBtn.animate( 225 { 226 marginBottom: '0', 227 }, 228 100 229 ); 230 }, 4300); 231 // setTimeout(function () { 232 // $startBtn.fadeOut(); 233 // }, 4500); 234 235 //startë²í¼ í´ë¦ í page01 ani 236 $startBtn.on('click', function () { 237 $('.pageOneDim').delay(400).fadeIn(1); 238 $('.freeBoxInfo').css({ 239 display: 'block', 240 animation: 'popup ease-in-out 1s forwards', 241 }); 242 $('.scrollDownBlack').delay(1000).fadeIn(1); 243 244 // $titleOne.delay(300).fadeOut(); 245 // $('.titleTwo>h1').css({ 246 // display : 'block', 247 // animation : 'moveup 0.7s ease-in-out 0.5s forwards' 248 // }); 249 // $('.text1').css({ 250 // display : 'block', 251 // animation : 'moveup 0.7s ease-in-out 1s forwards' 252 // }); 253 // $('.coin').css({ 254 // display : 'block', 255 // animation : 'moveup 0.7s ease-in-out 1s forwards' 256 // }); 257 // $('.won').css({ 258 // display : 'block', 259 // animation : 'moveup 0.5s ease-in-out 1.5s forwards' 260 // }); 261 // $('.one').css({ 262 // display : 'block', 263 // animation : 'countup 0.3s ease-in-out 1.8s forwards' 264 // }); 265 // $('.two').css({ 266 // display : 'block', 267 // animation : 'countup 0.3s ease-in-out 1.9s forwards' 268 // }); 269 // $('.three').css({ 270 // display : 'block', 271 // animation : 'countup 0.3s ease-in-out 2s forwards' 272 // }); 273 // $('.fure').css({ 274 // display : 'block', 275 // animation : 'countup 0.3s ease-in-out 2.1s forwards' 276 // });
277 // $('.five').css({ 278 // display : 'block', 279 // animation : 'countup 0.3s ease-in-out 2.2s forwards' 280 // }); 281 // $('.six').css({ 282 // display : 'block', 283 // animation : 'countup 0.3s ease-in-out 2.3s forwards' 284 // }); 285 // $('.seven').css({ 286 // display : 'block', 287 // animation : 'countup 0.3s ease-in-out 2.4s forwards' 288 // }); 289 // $('.eight').css({ 290 // display : 'block', 291 // animation : 'countup 0.3s ease-in-out 2.5s forwards' 292 // }); 293 // $('.nine').css({ 294 // display : 'block', 295 // animation : 'countup 0.3s ease-in-out 2.6s forwards' 296 // }); 297 // $('.ten').css({ 298 // display : 'block', 299 // animation : 'countup 0.3s ease-in-out 2.8s forwards' 300 // }); 301 // $('.subTitle').css({ 302 // display : 'block', 303 // animation : 'moveup 0.7s ease-in-out 3.5s forwards' 304 // }); 305 // $('.popUp').css({ 306 // display :'block', 307 // animation : 'popup 1.5s ease-in-out 4s forwards' 308 // }); 309 // $('.popUp1').css({ 310 // display : 'flex', 311 // animation : 'moveup 0.7s ease-in-out 5.5s forwards' 312 // }); 313 // $('.popUp2').css({ 314 // display : 'flex', 315 // animation : 'moveup 0.7s ease-in-out 6.2s forwards' 316 // }); 317 // $('.popUp3').css({ 318 // display : 'flex', 319 // animation : 'moveup 0.7s ease-in-out 7s forwards' 320 // }); 321 }); 322 323 $('.freeBoxClose').on('click', function () { 324 $('.freeBoxInfo').css({ 325 display: 'none', 326 }); 327 $('.pageOneDim').css({ 328 display: 'none', 329 }); 330 }); 331 332 //íë³µì§ì, ì§ë¦¿í¨, bubble ani 333 function random(min, max) { 334 return parseFloat((Math.random() * (max - min) + min).toFixed(2)); 335 } 336 function floating(item, delayAfter, size) { 337 gsap.to(item, random(1.5, 2.5), { 338 delay: random(0, delayAfter), 339 y: size, 340 repeat: -1, 341 yoyo: true, 342 ease: Power1.easeInOut, 343 }); 344 } 345 346 floating('.left', 0.5, 5); 347 floating('.right', 2, 10); 348 floating('.bubble1', 3, 5); 349 floating('.bubble2', 3, 4); 350 floating('.bubble3', 3, 6); 351 352 //보물ìì ëê» ani 353 function rattle(item, delayAfter, size) { 354 gsap.to(item, random(0.5, 0.8), { 355 delay: random(0, delayAfter), 356 rotation: size, 357 repeat: -1, 358 yoyo: true, 359 ease: 'elastic.in(1, 0.5)', 360 }); 361 } 362 rattle('.boxTop', 2, 5); 363}); 364
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.