NeoPopup - 現代彈出模組

NeoPopup 是一個現代的、可自訂的、響應式的 3D 彈出模組，專為時尚和專業的 Web 介面而設計。透過主題、動畫和自訂選項，此模組可以輕鬆地為您的網站添加令人驚嘆的彈出視窗。

---

特徵 ？

• 3D 彈出設計：適合現代 UI 的引人注目的 3D 動畫。
• 可自訂：輕鬆調整文字、顏色、大小、主題等。
• 自動關閉：選購的自動關閉功能，可自訂持續時間。
• 持久模式：使用本地儲存記住使用者首選項。
• 響應式：跨裝置和螢幕尺寸無縫運作。
• 淺色/深色主題：內建支援主題選擇。
• 定位：在螢幕的任何角落顯示彈出視窗。

---

預覽 ？

---

安裝 ？

複製儲存庫或下載模組檔案：

git clone https://github.com/BOSS294/NeoPopup.git

將 JavaScript 檔案包含在您的專案中：

<script src="path/to/developmentPopup.js"></script>

---

用法 ？

基本範例

developmentPopup.init({
    title: "Welcome to NeoPopup!",
    body: "Thank you for exploring the modern 3D popup module.",
    buttonText: "Learn More",
    buttonCallback: () => window.open('https://github.com/BOSS294/NeoPopup', '_blank'),
});

---

可用選項

Option	Type	Default	Description
title	string	"Under Development"	Title of the popup.
body	string	"Oops!"	Body content (HTML supported).
buttonText	string	"Check Latest Updates"	Text for the main button.
buttonCallback	function	null	Callback function for the main button click.
position	string	"bottom-right"	Popup position: top-right, top-left, bottom-right, or bottom-left.
theme	string	"dark"	Theme for the popup: dark or light.
colors	object	{}	Custom colors: { background, text, button }.
size	object	{}	Size options: { width, height }.
animation	string	"slide"	Animation type.
autoClose	boolean	false	Automatically close the popup.
closeDuration	number	5000	Auto-close duration in milliseconds.
persistent	boolean	false	Prevent popup from showing repeatedly using local storage.

---

造型？

要包含 NeoPopup 的內建樣式，請確保滿足以下條件：

• DP-popup-wrapper div 包含在您的 HTML 中。
• NeoPopup 帶有 3D 動畫、陰影效果以及可自訂的主題。

要進一步自訂設計，請修改包含的 CSS：

git clone https://github.com/BOSS294/NeoPopup.git

---

持久模式範例

<script src="path/to/developmentPopup.js"></script>

---

貢獻？

歡迎貢獻！您可以透過以下方式提供協助：

1. 分叉儲存庫。
2. 建立您的功能分支：git checkout -b feature/AmazingFeature。
3. 提交您的變更：git commit -m「Add some AmazingFeature」。
4. 推送到分支：git push origin feature/AmazingFeature。
5. 開啟拉取請求。

---

支持 ？

如有任何疑問或功能請求：

• 電子郵件：mayankchawdhari@gmail.com
• GitHub 問題：NeoPopup 問題

---

執照 ？

該專案已獲得 MIT 許可證的許可。有關詳細信息，請參閱許可證文件。

---

由 Mayank Chawdhari 與 ❤️ 一起開發。 ？

以上是NeoPopup - 現代彈出模組的詳細內容。更多資訊請關注PHP中文網其他相關文章！