라그나로크 소개
공지사항
업데이트
이벤트
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
회한의 무덤 업데이트 안내
2020-11-03
<script type="text/javascript" src="http://imgc.gnjoy.com/common/js/jquery-1.last.min.js"></script> <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/> 회한의 무덤 되살아난 육신들의 장소</h1> <p>2020. 11. 4 UPDATE</p> </div> <div style="position: relative; left: 0; top: 0; z-index: 2;"> <img alt="회한의 무덤 이미지1" border="0" src="https://imgc1.gnjoy.com/ufile/common/2020/11/04/025157_Gyk7LVlC.jpg" > <img alt="회한의 무덤 이미지2" border="0" src="https://imgc1.gnjoy.com/ufile/common/2020/11/04/065239_5JBKPDFo.jpg" > <img alt="회한의 무덤 이미지3" border="0" src="https://imgc1.gnjoy.com/ufile/common/2020/11/04/025212_BwhpdTVE.jpg" usemap="#itemView1" style="border:0; vertical-align:top; position:relaitve; z-index:2;" > <!-- 팝업이미지 --> <div style="display: none; position: absolute; top: auto; bottom:0; left: 15px; overflow-y:scroll; height:700px; z-index: 4;" class="cubePopup cubePopup1" id="cubePopup1" > <img src="https://imgc1.gnjoy.com/ufile/common/2020/11/04/063703_z8gydJ7b.png" alt="교환 가능한 장비 상세 안내" style="border:0;" usemap="#closePopup"/> </div> <img src="https://imgc1.gnjoy.com/ufile/common/2020/11/04/025245_k6b2Psue.png" alt="교환 가능한 랜덤옵션 뷰여 아이템 상세 안내" class="cubePopup cubePopup2" id="cubePopup2" usemap="#closePopup" style="border:0; display: none; position: absolute; top: auto; bottom:0;left: 24px; z-index: 4;" /> <img src="https://imgc1.gnjoy.com/ufile/common/2020/11/04/025252_VemboMBt.png" alt="획득 가능한 카드 상세 안내" class="cubePopup cubePopup3" id="cubePopup3" usemap="#closePopup" style="border:0; display: none; position: absolute; top: auto; bottom:0; left: 24px; z-index: 4;" /> <!--이미지맵--> <map name="itemView1"> <area shape="rect" alt="획득가능아이템" coords="119, 839, 530, 914" class="btnCube" id="btnCube1" href="#cubePopup1" > <area shape="rect" alt="획득가능아이템" coords="119, 1633, 530, 1714" class="btnCube" id="btnCube2" href="#cubePopup2"> <area shape="rect" alt="획득가능아이템" coords="119, 2371, 530, 2452" class="btnCube" id="btnCube3" href="#cubePopup3"> </map> <!--팝업 닫기--> <map name="closePopup" id="closePopup"> <area shape="rect" coords="534,17,579,61" 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-3000); $('.layerOn').css("display" , "block"); $('body').css(_scrollTop); 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>
