NeoPopup - 现代 3D 弹出模块

NeoPopup 是一款现代、可自定义且响应迅速的 3D 弹出模块,专为时尚专业的网络界面而设计。该模块提供主题、动画和自定义选项,让您轻松为网站添加精美的弹出窗口。

特点🌟

  • 3D 弹出设计:适合现代 UI 的引人注目的 3D 动画。
  • 可定制:轻松调整文本、颜色、大小、主题等。
  • 自动关闭:可选的自动关闭功能,可自定义持续时间。
  • 持久模式:使用本地存储记住用户偏好。
  • 响应式:可跨设备和屏幕尺寸无缝运行。
  • 浅色/深色主题:内置支持主题选择。
  • 定位:在屏幕的任意角落显示弹出窗口。
  • 预览 🎥

    image

    安装

    克隆存储库或下载模块文件:

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

    在您的项目中包含 JavaScript 文件:

    使用 💡

    基本示例

    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'),
    });

    可用选项

    造型🎨

    要包含 NeoPopup 的内置样式,请确保以下几点:

  • DP-popup-wrapper div 包含在您的 HTML 中。
  • NeoPopup 带有 3D 动画、阴影效果和可定制的主题。
  • 要进一步定制设计,请修改所包含的 CSS:

    .DP-popup-content {
        background: linear-gradient(135deg, #4a90e2, #2a3b4c);
    }

    持久模式示例

    developmentPopup.init({
        title: "We Value Your Feedback",
        body: "Click below to share your thoughts!",
        buttonText: "Give Feedback",
        buttonCallback: () => alert('Thank you!'),
        persistent: true,
    });

    贡献🤝

    欢迎大家贡献力量!以下是您可以提供帮助的方式:

  • 分叉存储库。
  • 创建你的功能分支:git checkout -b feature/AmazingFeature。
  • 提交您的更改:git commit -m“添加一些AmazingFeature”。
  • 推送到分支:git push origin feature/AmazingFeature。
  • 打开拉取请求。
  • 支持💬

    如有任何疑问或功能请求:

  • 电子邮件: mayankchawdhari@gmail.com
  • GitHub 问题:NeoPopup 问题
  • 许可证📄

    该项目采用 MIT 许可证。有关详细信息,请参阅 LICENSE 文件。

    **由 Mayank Chawdhari 用❤️开发**。🚀