라그나로크 소개
공지사항
업데이트
이벤트
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
EPISODE 19 설화의 땅, 이스가르드 업데이트 안내
2022-01-17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="https://imgc.gnjoy.com/common/js/jquery-1.last.min.js"></script> <title></title> </head> <body> <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 에피소드 19</h2> </div> <img src="https://imgc1.gnjoy.com/event/2022/01/0119_ro1_episode19_TGIEIRE76412O/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: 58px; top: 1231PX; z-index: 3"> <a href="#tab1" title="메인 퀘스트"><img src="https://imgc1.gnjoy.com/event/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/tab1_on.png" /> </a> </li> <li style="position: absolute; left: 200px; top: 1231PX; z-index: 3"> <a href="#tab2" title="신규 메모리얼 던전"><img src="https://imgc1.gnjoy.com/event/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/tab2_off.png" /> </a> </li> <li style="position: absolute; left: 340px; top: 1231PX; z-index: 3"> <a href="#tab3" title="신규 아이템 안내"><img src="https://imgc1.gnjoy.com/event/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/tab3_off.png" /> </a> </li> <li style="position: absolute; left: 479px; top: 1231PX; z-index: 3"> <a href="#tab4" title="카드 신규 안내"><img src="https://imgc1.gnjoy.com/event/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/tab4_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/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/con1.jpg" usemap="#itemView1" alt="" style="vertical-align: top; border: 0" /> </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/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/con2.jpg" usemap="#itemView2" alt="" style="vertical-align: top; border: 0" /> </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/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/con3.jpg" usemap="#itemView3" alt="" style="vertical-align: top; border: 0" /> </div> </section> <section id="tab4" class="tab_4 event4 tab" 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/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/con4.jpg" usemap="#itemView4" alt="" style="vertical-align: top; border: 0" /> </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/2022/01/0119_ro1_episode19_TGIEIRE76412O/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/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/img_popup2.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 cubePopup3" id="cubePopup3" > <img src="https://imgc1.gnjoy.com/event/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/img_popup3.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 cubePopup4" id="cubePopup4" > <img src="https://imgc1.gnjoy.com/event/2022/01/0119_ro1_episode19_TGIEIRE76412O/images/img_popup4.jpg" alt="" usemap="#closePopup" /> </div> <map name="itemView3"> <area shape="rect" alt="무기아이템" coords="49,1295,317,1370" class="btnCube" id="btnCube1" href="#cubePopup1" /> <area shape="rect" alt="방어구아이템" coords="327,1305,596,1370" class="btnCube" id="btnCube2" href="#cubePopup2" /> <area shape="rect" alt="신규인챈트" coords="49,1378,317,1430" class="btnCube" id="btnCube3" href="#cubePopup3" /> <area shape="rect" alt="부여가능인챈트안내" coords="327,1381,596,1442" 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/2022/01/0119_ro1_episode19_TGIEIRE76412O/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/2022/01/0119_ro1_episode19_TGIEIRE76412O/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> </body> </html>
