<style> :focus{outline:none;} area:focus{outline:none;} .editor-wrap{width: 1440px; margin-left: -120px;} /* wrap */ /* .artdotcom-event {} */ /* s : 컨텐츠영역 bg */ /* 이벤트 상단 타이틀영역 */ .artdotcom-event .event-header{background: url(https://image.a-rt.com/art/editor/202103/1616576057150.jpg) top center / cover no-repeat;} /* 01~04 탭 */ /* 전체 bg */ .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list{background: #02777b top center / cover no-repeat;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first{background: #b1f0ed url(https://image.a-rt.com/art/editor/202103/1616576108406.jpg) top center / contain no-repeat;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-second{background: #f9e4a5 url(https://image.a-rt.com/art/editor/202103/1616576214460.jpg) top center / contain no-repeat;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-third{background: #a9e4e1;} /* 프로모션 */ .recommend-promotion-wrap{background:#fff} .event-etc-banner{background:#1faeb4} /* e : 컨텐츠영역 bg */ /* 이벤트 상단 타이틀영역 */ .artdotcom-event .event-header{height: 700px;} .artdotcom-event .event-header .event-inner{position: relative; width: 1200px; margin: 0 auto;} .artdotcom-event .event-header .event-inner .event-title-box{position: relative; z-index: 2;} .artdotcom-event .event-header .event-inner .event-title-box img{display: block; width: 100%;} /* s : 이벤트 탭 */ .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list:after{content: ''; position: absolute; top: 0; left: 50%; width: 1200px; height: 100%; transform: translateX(-50%);} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list{position: relative; display: flex; height: 110px; z-index: 2; justify-content: center} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list.is-fixed{position: fixed; top: 80px; z-index: 99; width: 100%; min-width: 1440px;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list.is-fixed + .tab-content{margin-top: 110px;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list .tab-item{position: relative; width: 400px; z-index: 2;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list .tab-item + .tab-item:after{content: ''; display: block; position: absolute; top: 30px; left: 0; width: 1px; height: 50px; background-color: #025e61;} /* s : 탭 타이틀 */ .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list .tab-item .tab-link{display: block; width: 100%; height: 100%; background: url(https://image.a-rt.com/art/editor/202103/1616576509860.png) 0 0 no-repeat;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list .tab-item.first .tab-link{background-position: 0 0;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list .tab-item.second .tab-link{background-position: -400px 0;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list .tab-item.third .tab-link{background-position: -800px 0;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-list .tab-item.is-active .tab-link{background-position-y: -110px;} /* 탭 활성화시 */ /* e : 탭 타이틀 */ /* e : 이벤트 탭 */ /* s : 이벤트 컨텐츠 영역 */ .artdotcom-event .event-contents-wrap{overflow: hidden;} .artdotcom-event .event-contents-wrap .event-tab-wrap > .tab-content{padding-bottom: 100px;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content .tab-inner{width: 1200px; margin: 0 auto;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content .event-btn-wrap{text-align: center; font-size: 0;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content .event-btn-wrap .event-btn-link{display: inline-block; vertical-align: top;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content .event-btn-wrap .event-btn-link.disabled{opacity: .4;} /* 01. 매일 4시간, 타임특가 */ .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .event-title-box{padding: 80px 0 50px; text-align: center;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap {margin-bottom: 40px;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs{width: 1080px; height: 90px; margin: 0 auto; background: #79c6c2; font-size: 0;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs .tab-item{display: inline-block; width: calc(100% / 4); height: 100%; vertical-align: top;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs .tab-item + .tab-item{border-left: 1px solid #5eaca8;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs .tab-item .tab-link{display: block; height: 100%; background: url(https://image.a-rt.com/art/editor/202103/1616576573535.png) 0 0 no-repeat;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs .tab-item .tab-link.date01{background-position: 0 0;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs .tab-item .tab-link.date02{background-position: -270px 0;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs .tab-item .tab-link.date03{background-position: -540px 0;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs .tab-item .tab-link.date04{background-position: -810px 0;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs .tab-item.ui-tabs-active{border-color: #149ea3;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs .tab-item.ui-tabs-active + .tab-item{border-color: #149ea3;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tabs .tab-item.ui-tabs-active .tab-link{background-color: #149ea3; background-position-y: -90px;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tab-content{padding-top: 70px;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-first .first-tab-wrap .tab-content img{margin-left: 60px;} /* 02. 4일간, 14% 할인쿠폰 */ .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-second .event-title-box{padding: 80px 0 50px; text-align: center; position: relative;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-second .second-prod-box{text-align: center; margin-bottom: 52px;} .ui-dialog .ui-dialog-titlebar.dialog-popevent{min-height: auto;} .ui-dialog .ui-dialog-titlebar.dialog-popevent .dialog-custom-title{min-height: auto; padding-top: 5px; border-bottom: 2px solid #000; font-family: "Montserrat","Noto Sans KR",sans-serif; font-weight: 500; font-size: 20px; letter-spacing: -1px; line-height: 80px;} .ui-dialog .ui-dialog-contents{padding: 30px 29px 40px;} /* 03. MD PICK! 1만원대~ */ .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-third .event-title-box{padding: 80px 0 81px; text-align: center;} .artdotcom-event .event-contents-wrap .event-tab-wrap .tab-content.event-third .third-prod-box{margin-bottom: 40px; text-align: center;} /* e : 이벤트 컨텐츠 영역 */ /* 추천 특가 프로모션 */ .recommend-promotion-wrap{padding: 99px 0 100px;} .recommend-promotion-wrap .event-inner{width: 1200px; margin: 0 auto;} .recommend-promotion-wrap .recommend-promotion-title{margin-bottom: 38px; text-align: center;} /* 만우절 데이를 검색하세요! */ .event-etc-banner{height: 300px; text-align: center;} .event-etc-banner img{padding-top: 80px;} </style> <!-- s : event --> <div class="artdotcom-event"> <!-- s : event-header | 이벤트 상단 타이틀영역 --> <div class="event-header js-event-header"> <div class="event-inner"> <div class="event-title-box"> <img src="https://image.a-rt.com/art/editor/202103/1616576078849.png" alt="4일간, 만우절 데이 만우절 맞이 다양한 할인 혜택을 놓치지 마세요!"> </div> </div> </div> <!-- e : event-header | 이벤트 상단 타이틀영역 --> <!-- s : event-contents-wrap | 컨텐츠 영역 --> <div class="event-contents-wrap"> <!-- s : event-tab-wrap | 이벤트 탭 --> <div class="event-tab-wrap js-scrollspy"> <!-- s : tab-list | 탭 영역 --> <ul class="tab-list js-scrollspy-nav"> <li class="tab-item is-active first"><a href="#contentFirst" class="tab-link"></a></li> <li class="tab-item second"><a href="#contentSecond" class="tab-link"></a></li> <li class="tab-item third"><a href="#contentThird" class="tab-link"></a></li> </ul> <!-- e : tab-list | 탭 영역 --> <!-- s : tab-content | 01. 매일 4시간, 타임특가 --> <div class="tab-content event-first js-scrollspy-content" id="contentFirst"> <div class="tab-inner"> <div class="event-title-box"> <img src="https://image.a-rt.com/art/editor/202103/1616576476398.png" alt="01. 매일 4시간, 타임특가"> </div> <div class="first-tab-wrap"> <ul class="tabs"> <li class="tab-item is-active"><a href="#prodCont1" class="tab-link date01"></a></li> <li class="tab-item"><a href="#prodCont2" class="tab-link date02"></a></li> <li class="tab-item"><a href="#prodCont3" class="tab-link date03"></a></li> <li class="tab-item"><a href="#prodCont4" class="tab-link date04"></a></li> </ul> <div class="tab-content" id="prodCont1"> <!-- DESC : - 현재 노출중인 이미지 style="display: block;"(show) 처리 / 미노출중인 이미지 style="display: none;"(hide) 처리 - 링크 삽입 : 진행중인 이벤트 img usemap="#{#id}" 값과 map의 name="{#id}" 속성을 동일하게 매핑 --> <img usemap="#mapProd01" src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1616725216031.png" alt="3월 29일 상품" style="display: block;"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1616725228500.png" alt="3월 29일 상품 솔드아웃" style="display: none;"> <map name="mapProd01"> <area shape="rect" coords="4,3,331,405" href="https://abcmart.a-rt.com/product/new?prdtNo=1010078761" alt="VANS STYLE 36 DECON SF" target="_blank"> <area shape="rect" coords="374,3,701,405" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081897" alt="CONVERSE CTAS MOVE HI" target="_blank"> <area shape="rect" coords="739,5,1066,407" href="https://abcmart.a-rt.com/product/new?prdtNo=1010078760" alt="VANS STYLE 36 DECON SF" target="_blank"> </map> </div> <div class="tab-content" id="prodCont2"> <img usemap="#mapProd02" src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1616732411446.png" alt="3월 30일 상품" style="display: block;"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1616732461325.png" alt="3월 30일 상품 솔드아웃" style="display: none;"> <map name="mapProd02"> <area shape="rect" coords="4,3,331,405" href="https://abcmart.a-rt.com/product/new?prdtNo=1010078745" alt="FILA COURT PLAY" target="_blank"> <area shape="rect" coords="374,3,701,405" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081898" alt="CONVERSE CTAS MOVE HI" target="_blank"> <area shape="rect" coords="739,5,1066,407" href="https://abcmart.a-rt.com/product/new?prdtNo=1010078604" alt="NIKE WMNS NIKE AIR MAX VG-R" target="_blank"> </map> </div> <div class="tab-content" id="prodCont3"> <img usemap="#mapProd03" src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1617081413633.png" alt="3월 31일 상품" style="display: block;"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1617081440171.png" alt="3월 31일 상품 솔드아웃" style="display: none;"> <map name="mapProd03"> <area shape="rect" coords="4,3,331,405" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081457" alt="CONVERSE CHUCK 70 HI" target="_blank"> <area shape="rect" coords="374,3,701,405" href="https://abcmart.a-rt.com/product/new?prdtNo=1010078746" alt="FILA COURT PLAY" target="_blank"> <area shape="rect" coords="739,5,1066,407" href="https://abcmart.a-rt.com/product/new?prdtNo=1010078600" alt="NIKE WMNS NIKE AIR MAX VG-R" target="_blank"> </map> </div> <div class="tab-content" id="prodCont4"> <img usemap="#mapProd04" src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1617178216832.png" alt="4월 1일 상품" style="display: block;"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1617178216849.png" alt="4월 1일 상품 솔드아웃" style="display: none;"> <map name="mapProd04"> <area shape="rect" coords="4,3,331,405" href="https://abcmart.a-rt.com/product/new?prdtNo=1010073148" alt="NIKE AIR TAILWIND 79" target="_blank"> <area shape="rect" coords="374,3,701,405" href="https://abcmart.a-rt.com/product/new?prdtNo=1010081893" alt="CONVERSE CHUCK 70 HI" target="_blank"> <area shape="rect" coords="739,5,1066,407" href="https://abcmart.a-rt.com/product/new?prdtNo=1010078567" alt="NIKE NIKE AIR MAX VG-R" target="_blank"> </map> </div> </div> <div class="event-btn-wrap"> <a href="https://www.a-rt.com/promotion/hot-deal?track=W0021" class="event-btn-link" title="HOT DEAL 상품 더 보기" target="_blank"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1616725129021.jpg" alt="HOT DEAL 상품 더 보기"></a> </div> </div> </div> <!-- e : tab-content | 01. 매일 4시간, 타임특가 --> <!-- s : tab-content | 02. 4일간, 14% 할인쿠폰 --> <div class="tab-content event-second js-scrollspy-content" id="contentSecond"> <div class="tab-inner"> <div class="event-title-box"> <img src="https://image.a-rt.com/art/editor/202103/1616576449695.png" alt="02. 4일간, 14% 할인쿠폰"> </div> <div class="second-prod-box"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1616566614080.png" alt="쿠폰 다운받기" usemap="#mapCouponDown"> <map name="mapCouponDown"> <area shape="rect" coords="56,292,476,376" href="javascript:abc.couponDown('2000000297')" alt="쿠폰 다운받기"> </map> </div> <div class="event-btn-wrap"> <button type="button" class="event-btn-link btn-dialog" data-target="#dialogPushAlarmGuide"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1616566627048.png" alt="쿠폰 유의사항"></button> <div id="dialogPushAlarmGuide" class="ui-dialog-contents" data-dim data-size="auto"> <div class="dialog-custom-title const-title" data-class="dialog-popevent">쿠폰 유의사항</div> <div class="dialog-contents-flex"> <div class="dialog-contents-inner"> <img src="https://image.a-rt.com//art/promotion/event/202103/1616633655610.jpg" alt=""> </div> </div> </div> </div> </div> </div> <!-- e : tab-content | 02. 4일간, 14% 할인쿠폰 --> <!-- s : tab-content | 03. MD PICK! 1만원대~ --> <div class="tab-content event-third js-scrollspy-content" id="contentThird"> <div class="tab-inner"> <div class="event-title-box"> <img src="https://image.a-rt.com/art/editor/202103/1616576423217.png" alt="03. MD PICK! 1만원대~"> </div> <div class="third-prod-box"> <img src="https://image.a-rt.com/art/editor/202103/1616576311094.png" alt="상품 리스트" usemap="#mapMDPick"> <map name="mapMDPick"> <area shape="rect" coords="228,314,2,1" href="https://grandstage.a-rt.com/product/new?prdtNo=1020077783" alt="챔피온 빅 스크립트 티"> <area shape="rect" coords="243,1,470,316" href="https://abcmart.a-rt.com/product/new?prdtNo=1010077842" alt="리복 클래식 레더 아즈텍"> <area shape="rect" coords="487,2,710,317" href="https://abcmart.a-rt.com/product/new?prdtNo=1010067095" alt="수페르가 2750"> <area shape="rect" coords="731,1,955,315" href="https://abcmart.a-rt.com/product/new?prdtNo=1010078296" alt="리복 클럽 씨 리벤지"> <area shape="rect" coords="972,1,1199,316" href="https://abcmart.a-rt.com/product/new?prdtNo=1010072369" alt="아디다스 슈퍼스타"> </map> </div> <div class="event-btn-wrap"> <a href="#ProdContent1" class="event-btn-link" title="상품 더 보기"><img src="https://image.a-rt.com/art/editor/202103/1616576295646.jpg" alt="상품 더 보기"></a> </div> </div> </div> <!-- e : tab-content | 03. MD PICK! 1만원대~ --> </div> <!-- e : event-tab-wrap | 이벤트 탭 --> <!-- s : recommend-promotion-wrap --> <div class="recommend-promotion-wrap"> <div class="event-inner"> <div class="recommend-promotion-title"> <img src="https://image.a-rt.com/art/editor/202103/1616576244279.png" alt="추천 특가 프로모션" usemap="#Map4"> </div> <div class="recommend-promotion-prod"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1616566299834.png" alt="" usemap="#mapPromotion"> <map name="mapPromotion"> <area shape="rect" coords="2,0,589,280" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?dfltChnnlMv=Y&plndpNo=2000000866" alt="ABC아울렛" target="_blank"> <area shape="rect" coords="611,1,1197,279" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?dfltChnnlMv=Y&plndpNo=2000000865" alt="LAST SIZE" target="_blank"> </map> </div> </div> </div> <!-- e : recommend-promotion-wrap --> <div class="event-etc-banner" id="ProdContent1"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202103/1616566738829.png" alt="A-RT 메인 상단 검색창에 '만우절 데이'를 검색하세요!"> </div> </div> <!-- e : event-contents-wrap | 컨텐츠 영역 --> </div> <!-- e : event --> <script> (function($) { $.fn.scrollSpy = function(config) { if($(this).length==0) { return null; } if("undefined" == typeof $(this).data("scrollSpy") || $(this).data("scrollSpy") == null) { }else{ $(window).scrollTop(0); return $(this).data(); } var data = { element : $(this), elName : null, elSelector : null, elNavSelector : null, elContentSelector : null, nav : null, contents : null, posy : [], showScollspyNavFixed : false, scrollSpyNavTop : 110, scrollTop : function() { if(this.container !=null ) { $(window).scrollTop(0); } }, funcPosySet : function (container, el){ var heaaderHeight, anchorTabHeight; var citem = $(el,container); if($('.header-wrap').hasClass('sps-blw')){ heaaderHeight = 79; }else{ heaaderHeight = $('.header-wrap').height() - 81; if($('.header-wrap').hasClass('grand-stage')) heaaderHeight = heaaderHeight + $('.gnb-middle-wrap').height() + 71; } data.posy = [Math.floor($(container).offset().top) - heaaderHeight - ($(data.elNavSelector).hasClass('is-fixed') ? anchorTabHeight = $(data.elNavSelector).outerHeight() : anchorTabHeight = 0)]; anchorTabHeight = $(data.elNavSelector).outerHeight(); $(citem).each(function(i) { data.posy.push (Math.floor($(this).offset().top) + Math.floor($(this).before().outerHeight()) - heaaderHeight - anchorTabHeight); }); data.funcScrollEvent(); }, funcScrollEvent : function (e){ var lastScrollTop = $(data.elNavSelector).height() - $(window).height(); var currenty = $(window).scrollTop(); var adjusty = currenty; adjusty = (adjusty < 0 ) ? 0 : adjusty; switch (data.elName) { default: data._scrollSpyNavTop = 110; } if ( data.posy.length < 1) {return;} var setPos; for ( var i = 0;i < data.posy.length;i++){ if (data.posy[i] <= adjusty && adjusty < data.posy[i+1]){ setPos = i; break; } } $(data.elNavSelector).find('li').removeClass('is-active'); var tg = setPos+1; if ( lastScrollTop == currenty ){ tg = data.posy.length-1; } if ( isNaN(tg) == false ){ $(data.elNavSelector).find('li:nth-child('+tg+')').addClass('is-active'); } if (data.showScollspyNavFixed == false && data.element.parents('.pflick-slide').length == 0 ) { if ($(window).scrollTop() >= data._scrollSpyNavTop && isNaN(tg) == false && $(data.elNavSelector).hasClass('is-fixed') === false) { $(data.elNavSelector).addClass('is-fixed'); data.showScollspyNavFixed = true; } }else { if ($(window).scrollTop() < data._scrollSpyNavTop && !$('body').hasClass('modal-open') || isNaN(tg) == true) { $(data.elNavSelector).removeClass('is-fixed'); data.showScollspyNavFixed = false; } } } }; data.elName = (config.elName != "") ? "-"+config.elName : ""; data.elSelector = ".js-scrollspy"+ data.elName ; data.elNavSelector = ".js-scrollspy"+ data.elName + " > .js-scrollspy-nav"; data.elContentSelector = ".js-scrollspy"+ data.elName + " > .js-scrollspy-content"; data.nav = $(data.elNavSelector); data.contents = $(data.elContentSelector); setTimeout(function(){ data.funcPosySet(data.elSelector, data.contents); }, 300); $('a[href*="#"]', $(data.elNavSelector)) .not('[href="#"]') .not('[href="#0"]') .click(function(event) { if ( location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname ) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { event.preventDefault(); var posVal = data.posy[$(this).parent().index()]; if (target.hasClass('animation') && target.attr('data-aos') !== undefined) { posVal -= parseInt(target.css('transform').split(',')[5]); } $('html, body').animate({ scrollTop: posVal }, 0, function() { var $target = $(target); if ($target.is(":focus")) { return false; } else { $target.attr('tabindex','-1'); } }); } } }); $(window).scroll(function(event){ if (data.element.is(':visible') === true ){ data.funcScrollEvent(); } }); $(window).resize(function(){ if (data.element.is(':visible') === true ){ data.funcPosySet(data.elSelector, data.contents); } }); $(this).data("scrollSpy", data); return data; }; })(jQuery); $(function(){ $('.js-scrollspy').scrollSpy({ elName:'' }); fixedTab(); editorCalcWidth(); abc.namespace.front.frontOffice.setTabs('.first-tab-wrap'); abc.namespace.front.frontOffice.setUIDialog('#dialogPushAlarmGuide'); }); $(window).on({ 'scroll': function(){ fixedTab(); if($('.js-scrollspy-nav').hasClass('is-fixed')) { $('.js-scrollspy-nav').css({'transform': 'translateX(' + -$(window).scrollLeft() + 'px)'}); }else{ $('.js-scrollspy-nav').removeAttr('style'); } }, 'resize': function(){ editorCalcWidth(); } }); function fixedTab(){ var fixedOffset = $('.artdotcom-event .event-header').offset().top + $('.artdotcom-event .event-header').outerHeight() - 79; if ($(window).scrollTop() > fixedOffset && $('.recommend-promotion-wrap').offset().top > $(window).scrollTop() + $('.js-scrollspy-nav').height() + 79) { $('.js-scrollspy-nav').addClass('is-fixed'); } else { $('.js-scrollspy-nav').removeClass('is-fixed'); } } function editorCalcWidth(){ if($(window).width() > 1440) { $('.editor-wrap').css({ 'width': $(window).width(), 'margin-left': -($(window).width() - 1200) / 2, }); } } </script> <script> $(document).ready(function () { var date= new Date(); var todayDate = date.getDate(); var currentHour = date.getHours(); var dateTabIndex = 0; switch(todayDate){ case 29 : dateTabIndex = 0; break; case 30 : dateTabIndex = 1; break; case 31 : dateTabIndex = 2; break; default: dateTabIndex = 3; break; } /* if(todayDate < 29) { dateSlideIndex = 0; } */ $('.first-tab-wrap').tabs("option", "active", dateTabIndex); $('.first-tab-wrap').find(".tab-content").each(function(i, v){ if(i < dateTabIndex){ $(this).find("img").eq(0).hide(); $(this).find("img").eq(1).show(); } }); if(currentHour >= 18){ $('.first-tab-wrap').find(".tab-content").eq(dateTabIndex).find("img").eq(0).hide(); $('.first-tab-wrap').find(".tab-content").eq(dateTabIndex).find("img").eq(1).show(); } }); </script>