検索

ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery_jquery に基づく AeroWindow ポップアップ ウィンドウ プラグイン

JQuery_jquery に基づく AeroWindow ポップアップ ウィンドウ プラグイン

WBOY
WBOYオリジナル
2016-05-16 18:05:391029ブラウズ

1 つのページ上に複数のポップアップ ウィンドウを作成でき、選択したポップアップ ウィンドウが強調表示されます。同じ Web ページ上に複数のポップアップ ウィンドウを作成できます。また、ウィンドウをダブルクリックして最大化することもできます。 Windowsと同じように。オペレーティング システムに似たページを作成したい場合は、このプラグインを使用することが完全に可能です。複数の主要なブラウザと互換性があります。
JQuery_jquery に基づく AeroWindow ポップアップ ウィンドウ プラグイン
最も基本的な呼び出し方法:

コードをコピーします コードは次のとおりです:
$('#YourContainerDiv').AeroWindow((WindowTitle:'hello world',));

すべてのパラメータを指定して呼び出します:
コードをコピー コードは次のとおりです:

$('#YourContainerDiv').AeroWindow({
WindowTitle: '初めての非常にクールな Aero ウィンドウWeb 用'、
WindowPositionTop: 'center'、
WindowPositionLeft: 'center'、
WindowWidth: 400、
WindowHeight: 100、
WindowAnimation: 'easeOutCubic'、
WindowResizable: true、
WindowDraggable : true、
WindowMinimize: true、
WindowMaximize: false、
WindowClosable: true
});

使用法:
最初次の引用符を追加します:
コードをコピー コードは次のとおりです: