jbox使用說明

2021-09-01 13:07:56 字數 4746 閱讀 3163

參考**:

jbox

v2.3 beta

[ 技術交流qqgroup:172543951 100521167

請根據自己的喜好修改全域性設定以減少方法時傳遞的引數。

另外,jbox的**是很容易製作的,最簡單的就是只修改css樣式裡的顏色,在會ps的情況下更是可以製作多樣化的**。 $.jbox()

示例(一):

// 此例省略了字首html:,字首標識是不區分大小寫的,也可以是html:

var info = 'jquery jbox

版本:v2.0

日期:2011-7-24

';info += '官網:';

$.jbox.info(info);

示例(二):

// 顯示id為id-html的div內部html,同時設定了bottomtext

$.jbox('id:id-html', );

示例(三):

// ajax get 頁面ajax.html的內容並顯示,例如要提交id=1,則位址應該為 ajax.html?id=1,post:字首的使用與get:的一樣

$.jbox("get:ajax.html");

示例(四):

// 用iframe顯示的內容,並設定了標題、寬與高、按鈕

$.jbox("iframe:",

});

示例(五):

var content = ,

buttonsfocus: 0,

submit: function

(v, h, f)

else

return

false;}},

state2: ,

buttonsfocus: 0,

submit: function

(v, h, f) else

return

false;}}

};$.jbox(content);

示例(六):

var html = "輸入姓名:

";var submit = function

(v, h, f) ); // 關閉設定 yourname 為焦點

return

false;

}$.jbox.tip("你叫:" + f.yourname);

//$.jbox.tip("你叫:" + h.find("#yourname").val());

//$.jbox.tip("你叫:" + h.find(":input[name='yourname']").val());

return

true;

};$.jbox(html, );

$.jbox.open()

示例(一):

示例(二): 

(content為json物件,比較複雜一點的例子)

var html1 = '' +

'購買數量:

' +' +

'' + '

';var html2 = '' +

' + '

';var data = {};

var states = {};

states.state1 = ,

submit: function

(v, h, f)

else );

data.amount = f.amount; //或 h.find('#amount').val();

if (data.amount == '' || parseint(data.amount) < 1)

data.address = f.address;

if (data.address == '')

$.jbox.nextstate(); //go forward

// 或 $.jbox.gotostate('state2')

}return

false;

}};states.state2 = ,

buttonsfocus: 1, // focus on the second button

submit: function

(v, o, f) else

if (v == -1)

else

msg.push('

'); window.settimeout(function

() , 2000);

}return

false;

}};states.state3 = // no buttons

};states.state4 =

};$.jbox.open(states, '提交訂單', 450, 'auto');

$.jbox.prompt()

示例(一):

//加了個其它引數closed

$.jbox.prompt('hello jbox', 'jbox', 'info', });

示例(二):

$.jbox.alert('hello jbox', 'jbox');

示例(三):

$.jbox.info('hello jbox', 'jbox');

示例(四):

$.jbox.success('hello jbox', 'jbox');

示例(五):

$.jbox.error('hello jbox', 'jbox');

示例(六):

var submit = function

(v, h, f) ;

$.jbox.confirm("確定嗎?", "提示", submit);

示例(六02):

var submit = function

(v, h, f) ;

// 自定義按鈕

$.jbox.confirm("天使,做我女朋友吧?", "表白提示", submit, });

示例(七):

var submit = function

(v, h, f)

if (v == 'no')

if (v == 'cancel')

return

true;

};// 可根據需求仿上例子定義按鈕

$.jbox.warning("內容已修改,是否儲存?", "提示", submit);

$.jbox.tip()

示例(一):

$.jbox.tip('hello jbox');

示例(二):

//加了個其它引數focusid

$.jbox.tip('關閉後設定輸入框為焦點', 'info', );

輸入框: 

示例(三):

//加了個其它引數closed

$.jbox.tip('關閉後設定輸入框為已選擇', 'error', });

輸入框: 

示例(四):

$.jbox.tip("正在xx,***...", 'loading');

// 模擬2秒後完成操作

window.settimeout(function

() , 2000);

示例(五):

var submit = function

(v, h, f) , 2000);

}else

if (v == 'cancel')

return

true; //close

};$.jbox.confirm("確定要刪除資料嗎?", "提示", submit);

$.jbox.messager()

示例(一):

$.jbox.messager('hello jbox', 'jbox');

示例(二):

$.jbox.messager("hello jbox 2", "my title", null, );

示例(三):

$.jbox.messager("hello jbox 3", "my title", 3000, ,

submit: function

(v, h, f)

});

jbox 其它成員

示例(iframe):

// 調父視窗請用 parent 或 top,如果是多層iframe,需要呼叫多個parent

var html = "輸入點什麼:

";var submit = function

(v, h, f) ); // 關閉設定 some 為焦點

return

false;

}top.$.jbox.info("你輸入了:" + f.some);

return

true;

};top.$.jbox(html, );

使用說明 附註工具使用說明

附註工具使用說明 附註工具用途 附註工具主要用於更新利用word附註應用程式生成的帶域 的附註,該工具在word右鍵 更新鏈結 的基礎上進行了優化,故在使用時,不能再利用word右鍵 更新鏈結 而要用本工具的 更新當前鏈結 或 更新所有鏈結 使用說明 一 更換路徑 當利用word附註應用程式生成帶域...

使用說明 農用遮光網使用說明

農用遮光網使用說明 建築防塵網購買方 建築施工企業 在購買建築防塵網時,應該對 作出比較,可以分辨品牌 型號,且購買時應該在一定程度上了解信譽良莠。建築防塵網購買方 市場售賣方 在選購建築防塵網時,可以把 作為基礎,好的 可以用來彌補信譽不足,而差的 則需要按照你的服務收費。農用遮光網使用說明 用途...

Hibernate tools 使用說明

05年的8月份第一次接觸hibernate tools,使用起來感覺還不錯,但也沒有深入研究,後來由於一直在做乙個專案,再後來用了一陣myeclipse,現在換了公司,使用wtp all in one eclipse的乙個版本 生成domain的時候使用了hibernate tools,發現都不知怎...