NeoPopup は、洗練されたプロフェッショナルな Web インターフェイス向けに設計された、カスタマイズ可能で応答性の高い最新の 3D ポップアップ モジュールです。テーマ、アニメーション、カスタマイズのオプションを備えたこのモジュールを使用すると、Web サイトに魅力的なポップアップを簡単に追加できます。
リポジトリのクローンを作成するか、モジュール ファイルをダウンロードします:
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 の組み込みスタイルを含めるには、次のことを確認してください:
デザインをさらにカスタマイズするには、含まれている CSS を変更します。
git clone https://github.com/BOSS294/NeoPopup.git
<script src="path/to/developmentPopup.js"></script>
貢献はいつでも大歓迎です!ご協力いただける方法は次のとおりです:
クエリや機能リクエストについては:
このプロジェクトは MIT ライセンスに基づいてライセンスされています。詳細については、LICENSE ファイルを参照してください。
Mayank Chawdhari による ❤️ を使用して開発されました。 ?
以上がNeoPopup - 最新のポップアップ モジュールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。