Home
About
Download
로그인
Kakao
Naver
업데이트 정보
RagDoram
업데이트 정보
copy
×
×
블랙리스트 정보
×
계정정보
상세정보
블랙 리스트 추가
×
계정정보
상세정보
블랙 리스트 Json 변환
×
검색 단어
JSON
Copy
직업 목록
×
×
의상 선택
×
스킬 트리 목록
×
검색
×
<<
<
>
>>
[상세 설명]
[2019.10.30] EPISODE 17.2 업데이트 안내
<div style="position: relative; width: 650px; z-index: 1;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/top.jpg" alt="EP 17.2 현자의 유산 상단이미지" usemap="#newmap" 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:0px; top:1289px; z-index: 5;"><a href="#tab1" alt="선행 퀘스트"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab1_on.png"></a></li> <li style=" position:absolute; left:130px; top:1289px; z-index: 5;"><a href="#tab2" alt="일일 퀘스트"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab2_off.png"></a></li> <li style=" position:absolute; left:260px; top:1289px; z-index: 5;"><a href="#tab3" alt="신규 던전"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab3_off.png"></a></li> <li style=" position:absolute; left:390px; top:1289px; z-index: 5;"><a href="#tab4" alt="바르밀 티켓 교환아이템 안내"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_off.png"></a></li> <li style=" position:absolute; left:520px; top:1289px; z-index: 5;"><a href="#tab5" alt="궁정마법사 닐렘의 깜짝서비스!"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab5_off.png"></a></li> </ul> <section id="tab1" class="tab_1 event1" style="display:block;"> <div style="overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height:0; font-size:0; text-indent:-9999px; z-index: 1;"> </div> <div style="z-index: 2; position: relative; left: 0; top: 0;"> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/30/024852_JbBd1mFS.jpg" alt="선행 퀘스트 콘텐츠 이미지" style="vertical-align:top; border: 0;"> </div> </section> <section id="tab2" class="tab_2 event2" style="display:none"> <div style="overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height:0; font-size:0; text-indent:-9999px; z-index: 1;"> </div> <div style="z-index: 2; position: relative; left: 0; top: 0;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/con2.jpg" alt="일일 퀘스트 콘텐츠 이미지" style="vertical-align:top; border: 0;"> </div> </section> <section id="tab3" class="tab_3 event3" style="display:none"> <div style="overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height:0; font-size:0; text-indent:-9999px; z-index: 1;"> </div> <div style="z-index: 2; position: relative; left: 0; top: 0;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/con3.jpg" alt="신규던전 콘텐츠 이미지" style="vertical-align:top; border: 0;"> </div> </section> <section id="tab4" class="tab_4 event4 tab" style="display:none"> <div style="overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height:0; font-size:0; text-indent:-9999px; z-index: 1;"> </div> <ul class="submenu" style="z-index: 10; list-style: none; padding: 0; margin: 0; border: 0;"> <li style=" position:absolute; left:40px; top:2124px; z-index: 5;"><a href="#subtab1" alt="기본 보상아이템"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_1_off.png"></a></li> <li style=" position:absolute; left:233px; top:2124px; z-index: 5;"><a href="#subtab2" alt="무기 아이템"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_2_off.png"></a></li> <li style=" position:absolute; left:426px; top:2124px; z-index: 5;"><a href="#subtab3" alt="무기 랜덤옵션(물리/마법)"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_3_off.png"></a></li> <li style=" position:absolute; left:136px; top:2185px; z-index: 5;"><a href="#subtab4" alt="방어구 아이템"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_4_off.png"></a></li> <li style=" position:absolute; left:329px; top:2185px; z-index: 5;"><a href="#subtab5" alt="신규 인챈트 안내"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_5_off.png"></a></li> </ul> <div style="z-index: 2; position: relative; left: 0; top: 0;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/con4.jpg" alt="바르밀티켓 교환아이템 안내 콘텐츠 이미지" style="vertical-align:top; border: 0;"> </div> </section> <section id="tab5" class="tab_5 event5" style="display:none"> <div style="overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height:0; font-size:0; text-indent:-9999px; z-index: 1;"> </div> <div style="z-index: 2; position: relative; left: 0; top: 0;"> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/30/023553_WUoCI3jO.jpg" alt="궁정마법사 닐렘의 깜짝 서비스 콘텐츠 이미지" style="vertical-align:top; border: 0;"> </div> </section> <div id="subtab1" class="subtab" style="display:none; "> <div style="z-index: 10; width:565px; position:absolute; left: 42px; bottom:100px;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_1_title.png" alt="기본 보상 아이템 title 이미지" style="position:relative; vertical-align:top; border: 0;"> <a href="#" class="btn_close"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/btn_close.png" alt="close" style="position:absolute; top:23px; right:23px; vertical-align:top; border: 0;"></a> <div style="height: 700px; overflow-y:auto; overflow-x:hidden;"> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/30/053642_I9iU6WkC.jpg" alt="기본 보상 아이템 이미지" style="vertical-align:top; border: 0; margin-left:-1.5%"> </div> </div> </div> <div id="subtab2" class="subtab" style="display:none"> <div style="z-index: 10; width:565px; position:absolute; left: 42px; bottom:100px;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_2_title.png" alt="무기아이템 title 이미지" style="position:relative; vertical-align:top; border: 0;"> <a href="#" class="btn_close"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/btn_close.png" alt="close" style="position:absolute; top:23px; right:23px; vertical-align:top; border: 0;"></a> <div style="height: 700px; overflow-y:auto; overflow-x:hidden;"> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/30/052704_mdvub9gv.jpg" alt="무기아이템 이미지 1" style="vertical-align:top; border: 0; margin-left:-1.5%"> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/30/052933_F1BaB8UG.jpg" alt="무기아이템 이미지 2" style="vertical-align:top; border: 0; margin-left:-1.5%"> </div> </div> </div> <div id="subtab3" class="subtab" style="display:none"> <div style="z-index: 10; width:565px; position:absolute; left: 42px; bottom:100px;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_3_title.png" alt="무기 랜덤옵션(물리/마법) title 이미지" style="position:relative; vertical-align:top; border: 0;"> <a href="#" class="btn_close"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/btn_close.png" alt="close" style="position:absolute; top:23px; right:23px; vertical-align:top; border: 0;"></a> <div style="height: 700px; overflow-y:auto; overflow-x:hidden;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_3_con.jpg" alt="무기 랜덤옵션(물리/마법) 설명 이미지" style="vertical-align:top; border: 0; margin-left:-1.5%"> </div> </div> </div> <div id="subtab4" class="subtab" style="display:none"> <div style="z-index: 10; width:565px; position:absolute; left: 42px; bottom:100px;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_4_title.png" alt="방어구아이템 title 이미지" style="position:relative; vertical-align:top; border: 0;"> <a href="#" class="btn_close"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/btn_close.png" alt="close" style="position:absolute; top:23px; right:23px; vertical-align:top; border: 0;"></a> <div style="height: 700px; overflow-y:auto; overflow-x:hidden;"> <img src="https://imgc1.gnjoy.com/ufile/common/2020/06/15/052829_f2Kn6V3N.jpg" alt="방어구아이템 이미지" style="vertical-align:top; border: 0; margin-left:-1.5%"> </div> </div> </div> <div id="subtab5" class="subtab" style="display:none"> <div style="z-index: 10; width:565px; position:absolute; left: 42px; bottom:100px;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_5_title.png" alt="신규 인챈트 안내 title 이미지" style="position:relative; vertical-align:top; border: 0;"> <a href="#" class="btn_close" style="position:absolute; top:23px; right:23px; vertical-align:top; border: 0;"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/btn_close.png" alt="close"></a> <div style="height: 700px; overflow-y:auto; overflow-x:hidden;"> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/30/071538_D1BXdRm2.png" alt="신규 인챈트 안내 설명 이미지 1" style="vertical-align:top; border: 0; margin-left:-1.5%"> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/30/071549_ZiyoTc6Q.png" alt="신규 인챈트 안내 설명 이미지 2" style="vertical-align:top; border: 0; margin-left:-1.5%"> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/30/073939_c4kqiN3T.png" alt="신규 인챈트 안내 설명 이미지 3" style="vertical-align:top; border: 0; margin-left:-1.5%"> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/30/071609_7uWVLuw3.png" alt="신규 인챈트 안내 설명 이미지 4" style="vertical-align:top; border: 0; margin-left:-1.5%"> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/30/071620_47W2j3an.png" alt="신규 인챈트 안내 설명 이미지 5" style="vertical-align:top; border: 0; margin-left:-1.5%"> </div> </div> </div> <div class="cubePopup cubePopup1" id="cubePopup1" style="display:none"> <div style="z-index: 10; width:565px; position:absolute; left: 48px; top:600px;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/map_title.png" alt="에피소드 17.2 신규지역 소개 title 이미지" style="position:relative; vertical-align:top; border: 0;"> <a href="#" class="btn_close"><img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/btn_close.png" alt="close" style="position:absolute; top:23px; right:23px; vertical-align:top; border: 0;"></a> <div style="height: 700px; overflow-y:auto; overflow-x:hidden;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/map_con.jpg" alt="에피소드 17.2 신규지역 소개" style="vertical-align:top; border: 0; margin-left:-1.5%"> </div> </div> </div> <map name="newmap"> <area shape="rect" alt="에피소드17.2 신규 지역 소개" class="btnCube" id="btnCube1" href="#" coords="184,1180,466,1230"> </map> <div class="blind" style="display:none; position: absolute; top:0; left:0; width:100%; height:100%; background-color:black; opacity : 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; z-index:5;"></div> </div> <script type="text/javascript"> $(document).ready(function(){ $('.menu li a').click(function(){ // 메뉴 탭 효과 var current = $(this).children('img'); $('.menu img').each(function(i, img) { $(this).attr('src', 'https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/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; }); $('.submenu li a').hover(function(){ // tab4에 마우스오버 효과 var current = $(this).children('img'); $('.submenu img').each(function(i, img) { $(this).attr('src', 'https://imgc1.gnjoy.com/event/2019/10/1030_ro1_episode17.2/images/tab4_'+(i+1)+'_off.png'); }); current.attr('src', current.attr('src').replace('off', 'on')); return false; }); $('.submenu li a').click(function(){ // tab4에 클릭시 팝업 $(".blind").css("display", "block"); for(var i=0; i<=$('.submenu li a img').length; i++){ $('#subtab'+i).css('display','none'); }; $('#subtab'+$(this).attr('href').split('subtab')[1]).css('display','block'); return false; }); $('.btn_close').click(function(){ // 팝업 닫기 $(".blind").css("display", "none"); $(".subtab").css("display", "none"); $(".cubePopup").css("display", "none"); return false; }); $('.btnCube').on('click', function() { // 일반 팝업 var $id = $(this).attr("id").split("btnCube")[1]; $('.cubePopup' + $id).show(); $(".blind").css("display", "block"); return false; }); }); </script><br><br>