라그나로크 소개
공지사항
업데이트
이벤트
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
게펜 야간 투기장 업데이트 안내
2020-10-20
<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="http://imgc1.gnjoy.com/ufile/common/2020/10/21/052137_chHY1x9C.jpg" usemap="#itemView1" alt="" style="border:0; vertical-align:top; position:relaitve; z-index:2;" /> <!-- 팝업이미지 --> <div class="cubePopup cubePopup1" id="cubePopup1" style="border:0; display: none; position: absolute; bottom:0; top: auto;left: 23px; z-index: 4;"> <img src="http://imgc1.gnjoy.com/ufile/common/2020/10/21/032408_Y3vWctvQ.jpg" alt="" style="border:0;" /> <a href="#" class="btnClose" id="btnClose" style="position: absolute; top: -45px; right:0;"> <img src="http://imgc1.gnjoy.com/event/2020/10/1021_ro1_geffenNightDumpingGround/images/btn_close.png" href="" alt="닫기" /> </a> </div> <div class="cubePopup cubePopup2" id="cubePopup2" style="border:0; display: none; position: absolute; bottom:0; top: auto;left: 23px; z-index: 4;"> <img src="http://imgc1.gnjoy.com/ufile/common/2020/11/03/032027_TZGB1xIw.jpg" alt="" style="border:0;" /> <a href="#" class="btnClose" id="btnClose" style="position: absolute; top: -45px; right:0;"> <img src="http://imgc1.gnjoy.com/event/2020/10/1021_ro1_geffenNightDumpingGround/images/btn_close.png" href="" alt="닫기" /> </a> </div> <div class="cubePopup cubePopup3" id="cubePopup3" style="border:0; display: none; position: absolute; bottom:0; top: auto;left: 23px; z-index: 4;"> <img src="http://imgc1.gnjoy.com/ufile/common/2020/10/21/050825_RlxihmtR.jpg" alt="" style="border:0;" /> <a href="#" class="btnClose" id="btnClose" style="position: absolute; top: -45px; right:0;"> <img src="http://imgc1.gnjoy.com/event/2020/10/1021_ro1_geffenNightDumpingGround/images/btn_close.png" href="" alt="닫기" /> </a> </div> <!-- 배경 이미지맵 --> <map name="itemView1"> <area shape="rect" alt="교환 가능한 장비리스트 바로가기" coords="162,8589,502,8667" class="btnCube" id="btnCube1" href="#cubePopup1"/> <area shape="rect" alt="교환 가능한 랜덤옵션 부여 아이템 리스트 바로가기" coords="162,8821,502,8899" class="btnCube" id="btnCube2" href="#cubePopup2"/> <area shape="rect" alt="교환 가능한 카드 리스트 바로가기" coords="162,9168,502,9246" class="btnCube" id="btnCube3" href="#cubePopup3" /> </map> <span class="layerOn" style="display:none; position:absolute; top:0; left:0; width:650px; height:100%; background-color:black; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; 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("bottom",_scrollTop-6000); $('.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>