UserWiki:Yuc: 두 판 사이의 차이

2024년 12월 10일 (화) 09:06 판

공지 팝업

@@ 116번째 줄: / 116번째 줄: @@
 </head>
 <body>
+    <!-- 팝업 열기 버튼 -->
+    <button onclick="openLinkPopup()" style="margin: 20px; padding: 10px 20px; background: #007BFF; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;">
+        문서 더 보기
+    </button>
      <!-- 링크 팝업 -->
      <div class="popup-overlay" id="link-popup">
@@ 129번째 줄: / 134번째 줄: @@
      <script>
-         // 페이지 로드 시 링크 팝업 표시
+         // 팝업 열기
-         document.addEventListener("DOMContentLoaded", function () {
+         function openLinkPopup() {
              const linkPopup = document.getElementById("link-popup");
+            const popupContent = document.getElementById("link-popup-content");
              linkPopup.style.display = "block"; // 팝업 표시
-         });
+            popupContent.style.animation = "slideDown 0.5s ease-out forwards"; // 열기 애니메이션
+         }
-         // 링크 팝업 닫기
+         // 팝업 닫기
          function closeLinkPopup() {
              const popupContent = document.getElementById("link-popup-content");