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中文网其他相关文章！