jBox 2.3 は、jquery FAQ_jquery に基づく最新の多機能ダイアログ プラグインです。

プラグインの説明
- jBox は、jQuery に基づく多機能ダイアログ プラグインで、Web サイトの全体的なスタイル効果を実現し、ユーザーに新しい視覚的楽しみを与えることができます。
動作環境
- IE6、Firefox、Chrome、Safari、Opera、その他の主流ブラウザと互換性があります。
使用ライセンス
- jBox は永久に無料で使用できますが、関連する著作権情報は保持する必要があります。何か良い提案がありましたら、すぐ下にメッセージを残していただけます。

バージョン: 2.3
サイズ: 19.8k
ダウンロード: クリックしてダウンロード
オンライン デモ: http://www.kudystudio.com/jbox / jbox-demo.html
[2011-11-08] jBox v2.3 ベータ版アップデート

コードをコピーコードは次のとおりです:

- [新規]tip メソッドは、分離レイヤーを表示するかどうかを決定する不透明度オプションを追加します。
- [新規] jBox ウィンドウを表示するときにブラウザのスクロール バーを非表示にする showScrolling オプションを追加しました。
- [新機能] 複数のウィンドウが共存している場合、ウィンドウのタイトルをクリックすると、そのウィンドウが自動的に最上位に表示されます。
- [調整] id オプションがデフォルトで null に変更され、null の場合、ランダムな id が自動的に生成され、各 id に対して 1 つの jBox のみが表示されます。
- [調整] ロードされたオプションはパラメーター h を追加します。パラメーター h はウィンドウのロード後にユーザーがコンテンツを初期化するのに便利なウィンドウ コンテンツの jQuery オブジェクトを表します。
- [調整] グローバル設定を独立したjsファイルにまとめてディレクトリi18nに置きます。 現在はjquery.jBox-zh-CN.jsのみです。
- [調整] スペースバーを押すと、デフォルトのボタンによって送信されたイベントを直接実行できます (この機能を維持するために、ボタンがフォーカスされたときに見栄えが良くありませんが、ユーザーエクスペリエンスを優先する必要があります)。
-【修正】IEで複数ウィンドウを切り替える際にマルチウィンドウ状態が表示できない不具合を修正しました。

使用法:

コードをコピーします コードは次のとおりです:

1 XHTML 1.0 標準
使用してください。移行中。dtd">
2. タイトルを表示したくないですか?
タイトルを null に設定します。例: jBox('content', { title: null });
3. ボタンが不要ですか?カスタムボタン？
ボタンを表示しないようにするには、ボタンを {} に設定します。例: jBox('content', { button: {} });
Custom button: jBox('content', { button: {'Button 1 ' :'ボタン 1 のクリックの戻り値','ボタン 2':'ボタン 2 のクリックの戻り値'} });
どのボタンをデフォルトのボタンにするかを設定することもできます。インデックスは 0 から始まります
4. 分離レイヤーを表示しませんか?
不透明度を 0 に設定します。例: jBox('content', { opacity: 0 });
5. ウィンドウは自動的に閉じますか?
自動的に閉じないことを示すには、タイムアウトを 0 に設定します。たとえば、jBox('content', { timeout: 3000) は、自動的に閉じるまでにかかる時間をミリ秒単位で示します。 });
6. 分離を表示しない レイヤーの場合、ボタンをクリックしたときに複数の同じウィンドウが表示されないようにしたいですか?
ID は 1 つのウィンドウのみを表示するため、ID を渡すだけです。例: jBox('content', { id: 'my-id'});
7. ウィンドウの高さと幅。値を指定しますか?適応できるでしょうか？
iframe に加えて、他の場合でも、ウィンドウの高さと幅が適応するように指定できます。たとえば、次のように指定できます。 jBox('content', { width: 'auto', height:'auto' });
jbox 多くのオプションのパラメーターがあります。異なるパラメーターを組み合わせると、異なる効果が得られます。(jquery.jBox-zh-CN.js ファイル内) グローバル パラメーターの説明を確認してください。簡体字中国語を使用していて、グローバル構成を変更したくない場合は、jquery.jBox-2.3.min.js のデフォルト設定が次と同じであるため、jquery.jBox-zh-CN.js をロードする必要はありません。 jquery.jBox-zh-CN も同様です。ウィンドウの境界線などの特定のオプションのみを変更する場合は、次の 1 行のコードのみが必要です。
jBox が好きな友達、忘れずに [おすすめ] をクリックしてください。ああ、3q

コードをコピー コードは次のとおりです:

/* jBox グローバル設定*/
var jBoxConfig = {};
jBoxConfig.defaults = {
id: null, /* ページ内の一意の ID (null の場合)ランダムな ID を自動的に生成します。1 つの ID には 1 つの jBox のみが表示されます */
top: '15%', /* ウィンドウの上端からの距離。パーセンテージまたはピクセル ('100px' など) ) */
border: 5, /* ウィンドウの外側の境界線のピクセル サイズは 0 以上の整数である必要があります */
opacity: 0.1, /* に設定されている場合のウィンドウ分離レイヤーの透明度。 0、分離レイヤーは表示されません*/
timeout : 0, /* ウィンドウは何ミリ秒表示されてから自動的に閉じられますか? 0 に設定すると、自動的に閉じられません*/
showType: 'fade ', /* ウィンドウ表示のタイプ: show、fade、slide */
showSpeed: 'fast', /* ウィンドウ表示の速度: 'slow', 'fast'、およびミリ秒を表す整数。 */
showIcon: true, /* ウィンドウ タイトル アイコンを表示するかどうか、表示する場合は true、表示しない場合は false、またはカスタム CSS スタイル クラス名 (アイコンを取得)背景として) */
showClose: true, /* ウィンドウの右上隅に閉じるボタンを表示するかどうか*/
draggable: true, /* ウィンドウをドラッグできるかどうか*/
dragLimit: true, /* ウィンドウをドラッグできる場合、可視範囲に限定するかどうか*/
dragClone: false, /* ウィンドウをドラッグできる場合、ウィンドウの場合、マウスが押されたときにウィンドウのクローンを作成します */
persistent: true, /* 分離レイヤーが表示されている場合、分離レイヤーがクリックされたときにウィンドウが閉じないようにするかどうか */
showScrolling: true , /*ブラウジング スクロール バーを表示するかどうか*/
ajaxData: {}, /* ウィンドウのコンテンツが get: または post: プレフィックスで識別される場合、ajax post のデータ (例: { id: 1 } または" id=1" */
iframeScrolling: 'auto', /* ウィンドウのコンテンツが iframe: 接頭辞で識別される場合、iframe のスクロール属性の値は次のとおりです。 'auto' , 'yes', 'no ' */
title: 'jBox', /* ウィンドウのタイトル*/
width: 350, /* ウィンドウの幅、値は 'auto' またはピクセルを表す整数*/
height: ' auto', /* ウィンドウの高さ、値は 'auto' またはピクセルを表す整数*/
bottomText: '', /* の内容ウィンドウのボタンの左側、ボタンがない場合はこの設定は無効です*/
button: { 'OK': 'ok' }, /* ウィンドウのボタン*/
buttonsFocus: 0, / * どのボタンがデフォルトのボタンであるかを示し、インデックスは 0 から始まります*/
loaded: function ( h) { }, /* ajax または iframe の場合に注意してください。 、http リクエストがロードされるまでウィンドウのロードは完了しません。パラメータ h はウィンドウのコンテンツの jQuery オブジェクトを表します*/
submit: function (v, h, f) { return true }, /*ウィンドウボタンをクリックした後のコールバック関数。true を返すとウィンドウを閉じることを意味します。v はクリックされたボタンの戻り値を意味し、h はウィンドウのコンテンツの jQuery オブジェクトを意味します。f はウィンドウ内のフォームキーの値を表します。 content*/
closed: function () { } /* ウィンドウが閉じられた後に実行される関数*/
};
jBoxConfig.stateDefaults = {
content: '', /* ステータスの内容,プレフィックス識別はサポートされていません*/
buttons: { 'OK': 'ok' }, /* ステータス ボタン*/
buttonsFocus: 0, /* どのボタンがデフォルトのボタンであるかを示し、インデックスは次から始まります0*/
submit: function (v, h, f) { return true; } /* ステータス ボタンをクリックした後のコールバック関数。true は閉じていることを意味します。ウィンドウには 3 つのパラメータがあり、v はその戻り値を表します。クリックされたボタン、h はウィンドウ コンテンツの jQuery オブジェクトを表し、f はウィンドウ コンテンツのフォーム キーの値を表します*/
jBoxConfig.tipDefaults = {
content: '', /* プロンプトコンテンツ、プレフィックス識別はサポートされていません*/
icon: 'info', /* プロンプト アイコン、オプションの値は 'info'、'success'、'warning'、'error'、'loading'、デフォルト値は「info」ですが、「loading」の場合、タイムアウト値は 0 に設定され、自動的に閉じないことを示します。*/
top: '40%', /* プロンプトの上部からの距離。パーセンテージまたはピクセル ('100px' など) */
width: 'auto', /*プロンプトの高さ、値は 'auto' またはピクセルを表す整数です*/
height: 'auto', /* プロンプトの高さ、値は 'auto' またはピクセルを表す整数です*/
opacity: 0, /* ウィンドウ分離レイヤーの高さ 透明度、0 に設定すると、分離レイヤーは表示されません*/
timeout: 3000, /* プロンプトが表示されるまでに何ミリ秒かかりますか表示後に自動的に閉じます。これは 0 より大きい整数である必要があります*/
loaded: function (h) { } /* パラメーター h はウィンドウのコンテンツの jQuery オブジェクトを表します*。 /
};
jBoxConfig.messagerDefaults = {
content: '', /* メッセージの内容、プレフィックスはサポートされていません Identity*/
title: 'jBox', /*メッセージのタイトル*/
icon: 'none', /* 値が 'none' の場合、アイコンは表示されません。 '、'info'、' です。 question', 'success', 'warning', 'error' */
width: 350, /* 情報の高さ。値は 'auto' またはピクセルを表す整数です */
height: ' auto', /* 情報の高さ。値は 'auto' またはピクセルを表す整数です*/
timeout: 3000, /* 情報が表示されてから何ミリ秒後、情報が自動的に閉じられます。 0、自動的に閉じません*/
showType: 'slide', /* 情報表示のタイプ、オプションの値は: show、fade、slide */
showSpeed: 600, /* 速度情報表示のオプション値は次のとおりです: 'slow'、'fast'、ミリ秒を表す整数*/
border: 0, /* メッセージの外側の境界線のピクセル サイズは 0 より大きい整数である必要があります* /
buttons: {}, /* メッセージのピクセル サイズ Buttons*/
buttonsFocus: 0, /* どのボタンがデフォルトのボタンであるかを示し、インデックスは 0 から始まります*/
loaded: function () { }, /* ウィンドウがロードされた後に実行される関数*/
submit: function (v, h, f) { return true; }, /* 情報ボタンをクリックした後のコールバック関数は true を返すことを意味します。ウィンドウを閉じるには 3 つのパラメータがあります。 v はクリックされたボタンの戻り値を表し、 h はウィンドウのコンテンツを表す jQuery オブジェクトを表します。 f はウィンドウのコンテンツのフォームキー値を表します*/
loaded: function (h) { } /* ウィンドウがロードされた後に実行される関数。パラメータ h はウィンドウ コンテンツの jQuery オブジェクトを表します*/
jBoxConfig. languageDefaults = {
close: 'Close', /* 閉じるボタン プロンプトウィンドウの右上隅*/
ok: 'OK', /* $.jBox.prompt() シリーズメソッドの「OK」ボタンのテキスト */
yes: 'Yes', /* $.jBox.warning() メソッドの「はい」ボタンのテキスト */
no: 'No', /* $.jBox.warning() メソッドの「いいえ」ボタンのテキスト */
cancel: 'Cancel' /* $.jBox.confirm() および $.jBox.warning() メソッドの「キャンセル」ボタンのテキスト*/
};
$.jBox.setDefaults(jBoxConfig); 🎜>