Home
About
Download
로그인
Kakao
Naver
업데이트 정보
RagDoram
업데이트 정보
copy
×
×
블랙리스트 정보
×
계정정보
상세정보
블랙 리스트 추가
×
계정정보
상세정보
블랙 리스트 Json 변환
×
검색 단어
JSON
Copy
직업 목록
×
×
의상 선택
×
스킬 트리 목록
×
검색
×
<<
<
>
>>
[상세 설명]
[2021.04.06] 낙원단 개편 안내
<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>낙원단 개편</h1> <p></p> </div> <div style="position: relative; left: 0; top: 0; z-index: 2;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/bg_img_0406.jpg" usemap="#itemView1" alt="" style="border:0; vertical-align:top; position:relaitve; z-index:2;"> <div id="cubePopup1" class="cubePopup cubePopup1" style="border:0; display: none; position: absolute; top: 10000px; left: 42px; z-index: 4;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pophead1.png" alt="기본 무기" usemap="#closePopup"> <div style="width:565px; height: 600px; overflow-y: scroll; overflow-x: hidden;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pop1.png" alt="" style="margin-left: -7px;"> </div> <a class="btn_close" title="닫기"></a> </div> <div id="cubePopup2" class="cubePopup cubePopup2" style="border:0; display: none; position: absolute; top: 10000px; left: 42px; z-index: 4;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pophead2.png" alt="기본 방어구" usemap="#closePopup"> <div style="width:565px; height: 600px; overflow-y: scroll; overflow-x: hidden;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pop2.png" alt="" style="margin-left: -7px;"> </div> <a class="btn_close" title="닫기"></a> </div> <div id="cubePopup3" class="cubePopup cubePopup3" style="border:0; display: none; position: absolute; top: 10000px; left: 42px; z-index: 4;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pophead3.png" alt="중급 무기" usemap="#closePopup"> <div style="width:565px; height: 600px; overflow-y: scroll; overflow-x: hidden;"> <img src="https://imgc1.gnjoy.com/ufile/common/2021/04/07/030556_v7vmiObX.png" alt="" style="margin-left: -7px;"> </div> <a class="btn_close" title="닫기"></a> </div> <div id="cubePopup4" class="cubePopup cubePopup4" style="border:0; display: none; position: absolute; top: 10000px; left: 42px; z-index: 4;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pophead4.png" alt="고급 무기" usemap="#closePopup"> <div style="width:565px; height: 600px; overflow-y: scroll; overflow-x: hidden;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pop4.png" alt="" style="margin-left: -7px;"> </div> <a class="btn_close" title="닫기"></a> </div> <div id="cubePopup5" class="cubePopup cubePopup5" style="border:0; display: none; position: absolute; top: 10000px; left: 42px; z-index: 4;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pophead5.png" alt="고급 방어구" usemap="#closePopup"> <div style="width:565px; height: 600px; overflow-y: scroll; overflow-x: hidden;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pop5.png" alt="" style="margin-left: -7px;"> </div> <a class="btn_close" title="닫기"></a> </div> <div id="cubePopup6" class="cubePopup cubePopup6" style="border:0; display: none; position: absolute; top: 10000px; left: 42px; z-index: 4;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pophead6.png" alt="기본 쉐도우 장비" usemap="#closePopup"> <div style="width:565px; height: 600px; overflow-y: scroll; overflow-x: hidden;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pop6.png" alt="" style="margin-left: -7px;"> </div> <a class="btn_close" title="닫기"></a> </div> <div id="cubePopup7" class="cubePopup cubePopup7" style="border:0; display: none; position: absolute; top: 10000px; left: 42px; z-index: 4;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pophead7.png" alt="고급 쉐도우 장비" usemap="#closePopup"> <div style="width:565px; height: 600px; overflow-y: scroll; overflow-x: hidden;"> <img src="https://imgc.gnjoy.com/event/2021/04/0407_ro1_nakwondanUpdate_AGNPQRA569/images/img_pop7.png" alt="" style="margin-left: -7px;"> </div> <a class="btn_close" title="닫기"></a> </div> <map name="itemView1"> <area shape="rect" alt="기본 무기" coords="29,6167,317,6238" class="btnCube" id="btnCube1" href="#cubePopup1" target="_blank"> <area shape="rect" alt="기본 방어구" coords="333,6167,622,6238" class="btnCube" id="btnCube2" href="#cubePopup2" target="_blank"> <area shape="rect" alt="중급 무기" coords="29,6256,215,6326" class="btnCube" id="btnCube3" href="#cubePopup3" target="_blank"> <area shape="rect" alt="고급 무기" coords="232,6256,419,6326" class="btnCube" id="btnCube4" href="#cubePopup4" target="_blank"> <area shape="rect" alt="고급 방어구" coords="435,6256,622,6326" class="btnCube" id="btnCube5" href="#cubePopup5" target="_blank"> <area shape="rect" alt="기본 쉐도우 장비" coords="29,6341,622,6411" class="btnCube" id="btnCube6" href="#cubePopup6" target="_blank"> <area shape="rect" alt="고급 쉐도우 장비" coords="29,6426,622,6496" class="btnCube" id="btnCube7" href="#cubePopup7" target="_blank"> </map> <map name="closePopup" id="closePopup"> <area shape="rect" coords="512,34,545,67" class="btnClose" id="btnClose" href="" alt="닫기"> </map> <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> </div> <script type="text/javascript"> //기본 스크립트 var _scrollTop = 0; $(document).ready(function(){ $('.btnCube').on('click', function() { var $id = $(this).attr("id").split("btnCube")[1]; $('.cubePopup' + $id).show(); _scrollTop = $(document).scrollTop(); $(".cubePopup"+$id).css("top",_scrollTop-1000); $('.layerOn').css("display" , "block"); return false; }); $('.btnClose').on('click', function() { var $id2 = $(this).attr("id").split("btnClose")[1]; $('.cubePopup' + $id2).hide(); $(document).scrollTop(_scrollTop); $('.layerOn').css("display", "none"); return false; }); }); </script><br><br>