라그나로크 소개
공지사항
업데이트
이벤트
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
EPISODE 20 죽지 않는자 업데이트 안내
2023-02-23
<div style="position: relative; width: 650px; z-index: 1"> <div style="display: none; text-indent: -9999px; color: rgba(0, 0, 0, 0); font-size: 0"> <h2>RO1 에피소드 20</h2> </div> <img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/main_img.gif" alt="" style="z-index: 3; position: absolute; left: 0; top: 0; vertical-align: top; border: 0" /> <img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/top.jpg" alt="" style="z-index: 2; position: relative; left: 0; top: 0; vertical-align: top; border: 0" /> <ul class="menu" style="z-index: 10; list-style: none; padding: 0; margin: 0; border: 0"> <li style="position: absolute; left:20px; top: 1489PX; z-index: 3"> <a href="#tab1" title="퀘스트"><img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/tab1_on.png" /> </a> </li> <li style="position: absolute; left: 221px; top: 1489PX; z-index: 3"> <a href="#tab2" title="신규 메모리얼 던전"><img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/tab2_off.png" /> </a> </li> <li style="position: absolute; left: 418px; top: 1489PX; z-index: 3"> <a href="#tab3" title="신규 아이템 안내"><img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/tab3_off.png" /> </a> </li> </ul> <section id="tab1" class="tab_1 event1" style="display: block"> <div style="display: none; text-indent: -9999px; color: rgba(0, 0, 0, 0); font-size: 0"> </div> <div style="z-index: 2; position: relative; left: 0; top: 0"> <img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/con1_230302.jpg" usemap="#itemView1" alt="" style="vertical-align: top; border: 0" /> <!-- 230302 수정 --> </div> </section> <section id="tab2" class="tab_2 event2" style="display: none"> <div style="display: none; text-indent: -9999px; color: rgba(0, 0, 0, 0); font-size: 0"> </div> <div style="z-index: 2; position: relative; left: 0; top: 0"> <img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/con2_230302.jpg" usemap="#itemView2" alt="" style="vertical-align: top; border: 0" /> <!-- 230302 수정 --> </div> </section> <section id="tab3" class="tab_3 event3" style="display: none; position: relative"> <div style="display: none; text-indent: -9999px; color: rgba(0, 0, 0, 0); font-size: 0"> </div> <div style="z-index: 2; position: relative; left: 0; top: 0"> <img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/con3_230411.jpg" usemap="#itemView3" alt="" style="vertical-align: top; border: 0" /> <!-- 230411 수정 --> </div> </section> <div style=" display: none; border: 0px; position: absolute; width: 566px; top: 4350px; left: 42px; z-index: 4; max-height: 900px; overflow-y: scroll; overflow-x: hidden;" class="cubePopup cubePopup1" id="cubePopup1" > <img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/img_popup1.jpg" alt="" usemap="#closePopup" /> </div> <div style=" display: none; border: 0px; position: absolute; width: 566px; top: 4350px; left: 42px; z-index: 4; max-height: 900px; overflow-y: scroll; overflow-x: hidden;" class="cubePopup cubePopup2" id="cubePopup2" > <img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/img_popup2_230302.jpg" alt="" usemap="#closePopup" /> <!-- 230302 수정 --> </div> <div style=" display: none; border: 0px; position: absolute; width: 566px; top: 4350px; left: 42px; z-index: 4; max-height: 900px; overflow-y: scroll; overflow-x: hidden;" class="cubePopup cubePopup3" id="cubePopup3" > <img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/img_popup3_230302.jpg" alt="" usemap="#closePopup" /> <!-- 230302 수정 --> </div> <div style=" display: none; border: 0px; position: absolute; width: 566px; top: 4350px; left: 42px; z-index: 4; max-height: 900px; overflow-y: scroll; overflow-x: hidden;" class="cubePopup cubePopup4" id="cubePopup4" > <img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/img_popup4_230302-2.jpg" alt="" usemap="#closePopup" /> <!-- 230302-2 수정 --> </div> <map name="itemView3"> <area shape="rect" alt="방어구아이템" coords="49,1217,322,1284" class="btnCube" id="btnCube1" href="#cubePopup1" /> <area shape="rect" alt="카드 아이템" coords="327,1217,596,1284" class="btnCube" id="btnCube2" href="#cubePopup2" /> <area shape="rect" alt="신규인챈트" coords="55,1287,323,1353" class="btnCube" id="btnCube3" href="#cubePopup3" /> <area shape="rect" alt="부여가능인챈트안내" coords="327,1287,596,1353" class="btnCube" id="btnCube4" href="#cubePopup4" /> </map> <!--팝업 닫기--> <map name="closePopup" id="closePopup"> <area shape="rect" coords="497,20,535,74" class="btnClose" id="btnClose" href="" alt="닫기" /> </map> <a href="#" class="btn_closed" style="display : none; position: absolute; z-index: 10; left: 50%; top : 1950px; cursor: pointer; width: 30px; height: 30px;"> <img src="https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/btn_closed.png" alt="닫기 버튼" /> </a> <span class="layerOn" style="display:none; position:absolute; top:0; left:0; width:650px; height:100%; background-color:black; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; z-index:3; "></span> </div> <script type="text/javascript"> $(document).ready(function () { //기본 스크립트 var _scrollTop = 0; $('.menu li a').click(function () { var current = $(this).children('img'); $('.menu img').each(function (i, img) { $(this).attr('src', 'https://imgc1.gnjoy.com/event/2023/03/0302_ro1_episode20Update_BVIKEWIER43/images/tab' + (i + 1) + '_off.png'); //이미지 경로 수정 필요, 확장자명 확인 }); current.attr('src', current.attr('src').replace('off', 'on')); for (var i = 0; i <= $('.menu li a img').length; i++) { $('#tab' + i).css('display', 'none'); } $('#tab' + $(this).attr('href').split('tab')[1]).css('display', 'block'); return false; }); $('.btnCube').on('click', function () { $('.btn_closed').show(); var $id = $(this).attr("id").split("btnCube")[1]; $('.cubePopup' + $id).show(); _scrollTop = $(document).scrollTop(); $(".cubePopup" + $id).css("top", 2000); var offset = $(".cubePopup" + $id).offset().top; $('html, body').animate({ scrollTop: offset-100 }, 0); $('.layerOn').css("display", "block"); return false; }); $('.btn_closed').on('click', function () { $('.btn_closed').hide(); $('.cubePopup').hide(); $(document).scrollTop(_scrollTop); $('.layerOn').css("display", "none"); return false; }); }); </script>
