라그나로크 소개
공지사항
업데이트
이벤트
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
바르문트의 바이오스피어 신규 표본 환경 업데이트 안내
2022-11-15
<div style="position: relative; width: 650px; z-index: 1"> <div style="display: none; text-indent: -9999px; color: rgba(0, 0, 0, 0); font-size: 0"> <h2>RO1 바르문트의 바이오스피어</h2> </div> <img src="https://imgc1.gnjoy.com/event/2022/11/1116_ro1_barmundUpdate_VIWIERY1237E/images/top.jpg" usemap="#itemView1" alt="" style="z-index: 2; position: relative; left: 0; top: 0; vertical-align: top; border: 0" /> <map name="itemView1"> <area shape="rect" alt="기존 바이오스피어 안내 바로가기" coords="142,772,509,807" target="_blank" href="https://ro.gnjoy.com/news/update/View.asp?seq=266&curpage=1" /> <!-- 221116 추가 --> <area shape="rect" alt="바르문트 각인 장비 안내" coords="70,5544,300,5614" class="btnCube" id="btnCube5" href="#cubePopup5" /> <area shape="rect" alt="바르문트 각인 장비 업그레이드 안내" coords="346,5544,583,5614" class="btnCube" id="btnCube6" href="#cubePopup6" /> <area shape="rect" alt="바르문트 각인 장비" coords="70,5742,300,5817" class="btnCube" id="btnCube3" href="#cubePopup3" /> <area shape="rect" alt="바르문트 각인 업그레이드 장비" coords="349,5742,583,5817" class="btnCube" id="btnCube4" href="#cubePopup4" /> <area shape="rect" alt="3~4슬롯" coords="70,5939,300,6007" class="btnCube" id="btnCube2" href="#cubePopup2" /> <area shape="rect" alt="2슬롯" coords="346,5939,583,6007" class="btnCube" id="btnCube1" href="#cubePopup1" /> </map> <div style=" display: none; border: 0px; position: absolute; width: 566px; top: 4350px; left: 42px; z-index: 4; max-height: 900px; overflow-y: scroll; overflow-x: hidden;" class="cubePopup cubePopup1" id="cubePopup1" > <img src="https://imgc1.gnjoy.com/event/2022/11/1116_ro1_barmundUpdate_VIWIERY1237E/images/img_popup1.png" alt="" usemap="#closePopup" /> </div> <div style=" display: none; border: 0px; position: absolute; width: 566px; top: 4350px; left: 42px; z-index: 4; max-height: 900px; overflow-y: scroll; overflow-x: hidden;" class="cubePopup cubePopup2" id="cubePopup2" > <img src="https://imgc1.gnjoy.com/event/2022/11/1116_ro1_barmundUpdate_VIWIERY1237E/images/img_popup2.png" alt="" usemap="#closePopup" /> </div> <div style=" display: none; border: 0px; position: absolute; width: 566px; top: 4350px; left: 42px; z-index: 4; max-height: 900px; overflow-y: scroll; overflow-x: hidden;" class="cubePopup cubePopup3" id="cubePopup3" > <img src="https://imgc1.gnjoy.com/event/2022/11/1116_ro1_barmundUpdate_VIWIERY1237E/images/img_popup3.png" alt="" usemap="#closePopup" /> </div> <div style=" display: none; border: 0px; position: absolute; width: 566px; top: 4350px; left: 42px; z-index: 4; max-height: 900px; overflow-y: scroll; overflow-x: hidden;" class="cubePopup cubePopup4" id="cubePopup4" > <img src="https://imgc1.gnjoy.com/event/2022/11/1116_ro1_barmundUpdate_VIWIERY1237E/images/img_popup4.png" alt="" usemap="#closePopup" /> </div> <div style=" display: none; border: 0px; position: absolute; width: 566px; top: 4350px; left: 42px; z-index: 4; max-height: 900px; overflow-y: scroll; overflow-x: hidden;" class="cubePopup cubePopup5" id="cubePopup5" > <img src="https://imgc1.gnjoy.com/event/2022/11/1116_ro1_barmundUpdate_VIWIERY1237E/images/img_popup5.png" alt="" usemap="#closePopup" /> </div> <div style=" display: none; border: 0px; position: absolute; width: 566px; top: 4350px; left: 42px; z-index: 4; max-height: 900px; overflow-y: scroll; overflow-x: hidden;" class="cubePopup cubePopup6" id="cubePopup6" > <img src="https://imgc1.gnjoy.com/event/2022/11/1116_ro1_barmundUpdate_VIWIERY1237E/images/img_popup6.png" alt="" usemap="#closePopup" /> </div> <!--팝업 닫기--> <map name="closePopup" id="closePopup"> <area shape="rect" coords="497,20,535,74" class="btnClose" id="btnClose" href="" alt="닫기" /> </map> <a href="#" class="btn_closed" style="display : none; position: absolute; z-index: 10; left: 50%; top : 1950px; cursor: pointer; width: 30px; height: 30px;"> <img src="https://imgc1.gnjoy.com/event/2022/11/1116_ro1_barmundUpdate_VIWIERY1237E/images/btn_closed.png" alt="닫기 버튼" /> </a> <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> <script type="text/javascript"> $(document).ready(function () { //기본 스크립트 var _scrollTop = 0; $('.btnCube').on('click', function () { $('.btn_closed').show(); var $id = $(this).attr("id").split("btnCube")[1]; $('.cubePopup' + $id).show(); _scrollTop = $(document).scrollTop(); $(".cubePopup" + $id).css("top", 2000); var offset = $(".cubePopup" + $id).offset().top; $('html, body').animate({ scrollTop: offset-100 }, 0); $('.layerOn').css("display", "block"); return false; }); $('.btn_closed').on('click', function () { $('.btn_closed').hide(); $('.cubePopup').hide(); $(document).scrollTop(_scrollTop); $('.layerOn').css("display", "none"); return false; }); }); </script>
