Home
About
Download
로그인
Kakao
Naver
업데이트 정보
RagDoram
업데이트 정보
copy
×
×
블랙리스트 정보
×
계정정보
상세정보
블랙 리스트 추가
×
계정정보
상세정보
블랙 리스트 Json 변환
×
검색 단어
JSON
Copy
직업 목록
×
×
의상 선택
×
스킬 트리 목록
×
검색
×
<<
<
>
>>
[상세 설명]
[2019.08.05] 레벨확장 업데이트 안내 (200Lv)
<div style="position: relative; width: 650px; z-index: 1;"> <div style="overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1; width: 0; height: 0; font: normal 0/0 dotum;"> <h1>기다림의 시간은 끝났다!!<br> 라그나로크 의상공모전 수상작 3종을 ROZ에도 UPDATE</h1> </div> <div style="position: relative; left: 0; top: 0; z-index: 2;"> <img alt="Ragnarok Today" border="0" src="https://imgc1.gnjoy.com/ufile/common/2019/08/07/071410_JfZ8AbTf.jpg" usemap="#itemView1"> </div> <div class="cubePopup1" id="cubePopup1" style="position: absolute; display : none; z-index: 4; top: 2%; margin-left: -291.5px; left: 50%; height: 810px; overflow-x: hidden;"> <img alt="경험치 테이블 안내" src="https://imgc1.gnjoy.com/ufile/common/2019/08/07/060700_8JjNtuiM.jpg"> <a class="css-close" id="btn_close1"></a> </div> <div class="cubePopup2" id="cubePopup2" style="position: absolute; display : none; z-index: 4; top: 2%; margin-left: -291.5px; left: 50%; height: 810px; overflow-x: hidden;"> <img alt="직업 레벨 가중치" src="https://imgc1.gnjoy.com/ufile/common/2019/08/07/071633_Cl2WmB6A.jpg"> <a class="css-close" id="btn_close2"></a> </div> <map id="itemView1" name="itemView1"> <area alt="경험치 테이블 안내" class="btnCube" coords="33,777,226,848" href="#" id="btnCube1" shape="rect" target="_blank"> <area alt="직업 레벨 가중치" class="btnCube" coords="228,777,422,848" href="#" id="btnCube2" shape="rect" target="_blank"> <area alt="신규 던전 안내" class="btnCube" coords="425,777,617,848" href="https://ro.gnjoy.com/news/update/View.asp?seq=241&curpage=1" shape="rect" target="_blank"> </map> </div> <script type="text/javascript"> //기본 스크립트 $(document).ready(function(){ $('.btnCube').on('click', function() { var $id = $(this).attr("id").split("btnCube")[1]; $('.cubePopup' + $id).show(); $(".cubePopup"+$id).css("top", "26px"); $('.layerOn').css("display" , "block"); return false; }); $('.css-close').on('click', function() { var $id = $(this).attr("id").split("btn_close")[1]; $('.cubePopup' + $id).hide(); $('.layerOn').css("display" , "none"); return false; }); }); </script> <style type="text/css">.css-close { display: inline-block; position: absolute; padding: 0; width: 4px; height: 20px; background: #fff; transform: rotate(45deg); top: 3%; right: 5%; z-index: 6; cursor: pointer; } .css-close:before { display: block; content: ""; position: absolute; top: 50%; left: -8px; width: 20px; height: 4px; margin-top: -2px; background: #fff; z-index: 6; cursor: pointer; } </style><br><br>