라그나로크 소개
공지사항
업데이트
이벤트
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
직업개선 프로젝트 7탄 업데이트 안내
2019-10-15
<!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" lang="ko"> <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="http://imgc.gnjoy.com/common/js/jquery-1.last.min.js"></script> <title>직업개선 프로젝트</title> </head> <body> <div style="position: relative; width: 650px; z-index: 1;"> <img id="img_main" src="http://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; "> <!-- 191014 수정 img태그에 id 추가 --> <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="http://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/tab1_on.png" alt="룬나이트"/></a></li> <!-- 191014 수정 a태그에 data 속성 추가 --> <li style=" position:absolute; left:325px; top:722px; z-index: 5;"><a data-number="2" href="#tab2" ><img src="http://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/tab2_off.png" alt="길로틴크로스"/></a></li> <!-- 191014 수정 a태그에 data 속성 추가 --> </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%;"> <!-- 191014 수정 top 수치변경 --> <img src="http://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%;"> <!-- 191014 수정 top 수치변경 --> <img src="http://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%;"> <!-- 191014 수정 top 수치변경 --> <img src="http://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%;"> <!-- 191014 수정 top 수치변경 --> <img src="http://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%;"> <!-- 191014 수정 top 수치변경 --> <img src="http://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%;"> <!-- 191014 수정 top 수치변경 --> <img src="http://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%;"> <!-- 191014 수정 top 수치변경 --> <img src="http://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif7.gif" alt="스킬7"> </a> <img src="http://imgc1.gnjoy.com/ufile/common/2019/10/16/061348_cOkz2XFT.jpg" alt="콘텐츠 1" style="vertical-align:top; border: 0;" /> <!-- 191014 수정 --> </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;"> <!-- 191016-2 수정 top 수치변경 --> <img src="http://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;"> <!-- 191016-2 수정 top 수치변경 --> <img src="http://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif9.gif" alt="스킬9"> </a> <!-- 191016-2 수정 (주석) --> <!-- <a style="width : 320px; height: 320px; position: absolute; z-index: 99; left: 50%; margin-left: -160px; top:71.06%;"> <img src="http://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/img_gif10.gif" alt="스킬10"> </a> --> <!-- //191016-2 수정 (주석) --> <img src="http://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/con2_1016_2.jpg" " alt="콘텐츠 2" style="vertical-align:top; border: 0;" /> <!-- 191016-2 수정 --> </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', 'http://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', 'http://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/top.jpg'); } else { $('#img_main').attr('src', 'http://imgc1.gnjoy.com/event/2019/10/1008_ro1_improveProject/images/top2.jpg'); } // //191014 추가 return false; }); }); </script> </body> </html>