Home
About
Download
로그인
Kakao
Naver
업데이트 정보
RagDoram
업데이트 정보
copy
×
×
블랙리스트 정보
×
계정정보
상세정보
블랙 리스트 추가
×
계정정보
상세정보
블랙 리스트 Json 변환
×
검색 단어
JSON
Copy
직업 목록
×
×
의상 선택
×
스킬 트리 목록
×
검색
×
<<
<
>
>>
[상세 설명]
[2019.10.15] 직업개선 프로젝트 7탄 업데이트 안내
<div style="position: relative; width: 650px; z-index: 1;"> <img id="img_main" src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/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:0px; top:722px; z-index: 5;"><a data-number="1" href="#tab1"><img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/tab1_on.png" alt="룬나이트"></a></li> <li style=" position:absolute; left:325px; top:722px; z-index: 5;"><a data-number="2" href="#tab2"><img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/tab2_off.png" alt="길로틴크로스"></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: 9px;"> <a style="width : 350px; height: 350px; position: absolute; z-index: 99; left: 50%; margin-left: -175px; top:18.17%;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif1.gif" alt="스킬1"> </a> <a style="width : 350px; height: 350px; position: absolute; z-index: 99; left: 50%; margin-left: -175px; top:28.17%;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif2.gif" alt="스킬2"> </a> <a style="width : 350px; height: 350px; position: absolute; z-index: 99; left: 50%; margin-left: -175px; top:43.84%;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif3.gif" alt="스킬3"> </a> <a style="width : 350px; height: 350px; position: absolute; z-index: 99; left: 50%; margin-left: -175px; top:49.59%;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif4.gif" alt="스킬4"> </a> <a style="width : 350px; height: 350px; position: absolute; z-index: 99; left: 50%; margin-left: -175px; top:60.95%;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif5.gif" alt="스킬5"> </a> <a style="width : 350px; height: 350px; position: absolute; z-index: 99; left: 50%; margin-left: -175px; top:89.35%;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif6.gif" alt="스킬6"> </a> <a style="width : 350px; height: 350px; position: absolute; z-index: 99; left: 50%; margin-left: -175px; top:95.46%;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif7.gif" alt="스킬7"> </a> <img src="https://imgc1.gnjoy.com/ufile/common/2019/10/16/061348_cOkz2XFT.jpg" alt="콘텐츠 1" 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: 9px;"> <a style="width : 320px; height: 320px; position: absolute; z-index: 99; left: 50%; margin-left: -160px; top:2365px;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif8.gif" alt="스킬8"> </a> <a style="width : 320px; height: 320px; position: absolute; z-index: 99; left: 50%; margin-left: -160px; top:3411px;"> <img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif9.gif" alt="스킬9"> </a> <img src="https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/con2_1016_2.jpg" " alt="콘텐츠 2" style="vertical-align:top; border: 0;"> </div> </section> </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/1008_ro1_improveProject/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).fadeOut('fast'); }; $('#tab'+$(this).attr('href').split('tab')[1]).fadeIn('fast'); // 191014 추가 var btn_number = $(this).data('number'); if(btn_number == '1') { $('#img_main').attr('src', 'https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/top.jpg'); } else { $('#img_main').attr('src', 'https://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/top2.jpg'); } // //191014 추가 return false; }); }); </script><br><br>