라그나로크 소개
공지사항
업데이트
이벤트
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
바르문트의 바이오스피어 심층 1층 업데이트 안내
2023-05-16
<style> .cubePopup { display: none; border: 0px; position: absolute; width: 570px; top: 4350px; left: 40px; z-index: 4; max-height: 800px; overflow-y: auto; overflow-x: hidden; overflow-anchor: none; border: 1px solid rgba(221, 221, 221, 0.5); } .cubePopup::-webkit-scrollbar { width: 6px; } .cubePopup::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.3); } .cubePopup::-webkit-scrollbar-thumb { background-color: rgba(220, 220, 220, 0.9); } .cubePopup::-webkit-scrollbar-button { width: 0; height: 0; } </style> <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/2023/05/0517_ro1_barmundUpdate_9RM4HV5BIO23/images/top_230517-1.jpg" usemap="#itemView1" alt="" style="z-index: 2; position: relative; left: 0; top: 0; vertical-align: top; border: 0" /> <!-- 230517-1 수정 --> <map name="itemView1"> <area shape="rect" target="_blank" coords="60,952,590,1052" href="https://ro.gnjoy.com/news/update/View.asp?seq=266" alt="이전 바이오 스피어 안내 바로가기 " /> <area shape="rect" coords="174, 3557, 477, 3637" href="#cubePopup1" id="btnCube1" class="btnCube" alt="연구 결과 보상" /> <!-- 230517-2 수정 --> <area shape="rect" coords="90, 5008,310,5174" href="#cubePopup2" id="btnCube2" class="btnCube" alt="방어구" /> <!-- 230517-2 수정 --> <area shape="rect" coords="340,5008,560,5174" href="#cubePopup3" id="btnCube3" class="btnCube" alt="기타아이템" /> <!-- 230517-2 수정 --> <area shape="rect" coords="90, 5340,310,5420" href="#cubePopup4" id="btnCube4" class="btnCube" alt="심층 장비 인챈트" /> <!-- 230517-2 수정 --> <area shape="rect" coords="340,5340,560,5420" href="#cubePopup5" id="btnCube5" class="btnCube" alt="심층 장비 인챈트 업그레이드" /> <!-- 230517-2 수정 --> <area shape="rect" coords="215,5440,435,5520" href="#cubePopup6" id="btnCube6" class="btnCube" alt="인챈트 옵션" /> <!-- 230517-2 수정 --> </map> <div class="cubePopup cubePopup1" id="cubePopup1"> <img src="https://imgc1.gnjoy.com/event/2023/05/0517_ro1_barmundUpdate_9RM4HV5BIO23/images/img_popup1.jpg" alt="연구 결과 보상" /> </div> <div class="cubePopup cubePopup2" id="cubePopup2"> <img src="https://imgc1.gnjoy.com/event/2023/05/0517_ro1_barmundUpdate_9RM4HV5BIO23/images/img_popup2.jpg" alt="방어구" /> </div> <div class="cubePopup cubePopup3" id="cubePopup3"> <img src="https://imgc1.gnjoy.com/event/2023/05/0517_ro1_barmundUpdate_9RM4HV5BIO23/images/img_popup3.jpg" alt="기타아이템" /> </div> <div class="cubePopup cubePopup4" id="cubePopup4"> <img src="https://imgc1.gnjoy.com/event/2023/05/0517_ro1_barmundUpdate_9RM4HV5BIO23/images/img_popup4.jpg" alt="심층 장비 인챈트" /> </div> <div class="cubePopup cubePopup5" id="cubePopup5"> <img src="https://imgc1.gnjoy.com/event/2023/05/0517_ro1_barmundUpdate_9RM4HV5BIO23/images/img_popup5.jpg" alt="심층 장비 인챈트 업그레이드" /> </div> <div class="cubePopup cubePopup6" id="cubePopup6"> <img src="https://imgc1.gnjoy.com/event/2023/05/0517_ro1_barmundUpdate_9RM4HV5BIO23/images/img_popup6.jpg" alt="인챈트 옵션" /> </div> <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/2023/05/0517_ro1_barmundUpdate_9RM4HV5BIO23/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.7; filter: alpha(opacity=70); -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>
