多功能jQuery對話框插件jBox 2.3正式版下載
版本:2.3 正式版
大小:15.5k
下載:點擊下載
2.3beta版升級為正式版只要把jquery.jBox-2.3.min.js替換即可,近期內應該都不會有新的改動了。
請jbox的用戶在使用之前,花點時間好好看一遍在線實例和各方法的option選項說明,這幾天在2.2公布出去以來,已經有很多朋友加我QQ問我一些小問題,而這些都可以在http://www.kudystudio.com/jbox/jbox-demo.html找到答案的,不是本人沒耐心幫助大家,希望大家在看過在線實例和各方法的option選項說明后還是不懂,再來找我幫忙,謝謝大家的配合,因為本人要忙自己的項目,沒多少時間來給大家一一解答,請理解。等忙完這幾個月,本人會用時間完成自己的工作室網站,給大家提供更完善的應用實例與api說明。
在線demo: http://www.kudystudio.com/jbox/jbox-demo.html
插件說明
- jBox 是一款基于 jQuery 的多功能對話框插件,能夠實現網站的整體風格效果,給用戶一個新的視覺享受。
運行環境
- 兼容 IE6+、Firefox、Chrome、Safari、Opera 等主流瀏覽器。
使用授權
- jBox ***免費使用,但是必須保留相關的版權信息。如果有好的建議,可以直接在下面留言。


[2011-11-11] jBox v2.3 正式版
- [調整&修復] IE6下有iframe或頁面有active、applet控件的情況下自動選擇用iframe來遮罩。
- [修復] IE6下拖動窗口到右邊時邊框不可見的樣式錯誤(依然還有20px,但影響不大)。
- [修復] IE6下prompt相關方法與messager方法的圖標最小高度不正確的樣式修正。
- [修復] IE6下messager方法的窗口在滾動條被拖動的時候位置不正確的bug。
- [修復] 修復瀏覽器改變大小時遮罩層不完全的bug。
[2011-11-08] jBox v2.3 beta 版本更新
- [新增] tip方法增加了 opacity 選項,它決定是否顯示隔離層。
- [新增] 增加了 showScrolling 選項,在顯示jBox窗口時可以隱藏瀏覽器的滾動條。
- [新增] 多個窗口共存時,點擊某個窗口標題時,窗口自動處于最頂層。
- [調整] id 選項默認改為null,當為null時會自動生成隨機id,一個id只會顯示一個jBox。
- [調整] loaded 選項增加了個參數h,參數h表示窗口內容的jQuery對象,方便用戶在窗口加載后對內容進行初始化處理。
- [調整] 把全局設置放到獨立的js文件,統一放在目錄 i18n,目前只有jquery.jBox-zh-CN.js。
- [調整] 按空格鍵可直接執行默認按鈕提交的事件(為保留此功能,按鈕為焦點時不是很好看,但用戶體驗應該優先考慮)。
- [修復] 修復在IE下多窗口狀態切換時顯示不了的Bug。
使用方法:
常見使用問題:
1.請使用XHTML 1.0標準,確保html頂部加上下面這行
2.不想顯示標題?
把title設置為null即可,例如: jBox('內容', { title: null });
3.不想要按鈕?自定義按鈕?
把buttons設置為{}表示不顯示按鈕,例如: jBox('內容', { buttons: {} });
自定義按鈕:jBox('內容', { buttons: {'按鈕1':'按鈕1點擊返回值','按鈕2':'按鈕2點擊返回值'} });
還可以設置buttonsFocus要哪個按鈕為默認按鈕,索引從0開始
4.不顯示隔離層?
把opacity設置為0即可,例如: jBox('內容', { opacity: 0 });
5.窗口自動關閉?
把timeout設置為0表示不自動關閉,正數表示多少毫秒后自動關閉,例如3秒后關閉: jBox('內容', { timeout: 3000 });
6.在不顯示隔離層的情況下,想防止點擊按鈕彈出多個一樣的窗口?
把id傳進去就可以了,因為一個id只會顯示一個窗口,例如: jBox('內容', { id: 'my-id'});
7.窗口的高和寬一定要指定值嗎?可以自適應嗎?
除了iframe外,其它情況,是可以指定窗口的高和寬是自適應的,例如:jBox('內容', { width: 'auto', height:'auto' });
jbox的可選參數很多,結合不同的參數可以會有不同的效果,請查看下面的全局參數說明(在文件jquery.jBox-zh-CN.js)。如果你是使用簡體中文,且不想改全局配置,則不需要加載jquery.jBox-zh-CN.js,因為jquery.jBox-2.3.min.js里默認的設置和jquery.jBox-zh-CN.js是一樣的,如果只想修改某幾個選項,例如窗口邊框,只需要一行代碼就可以:jBox.setDefaults({ defaults: { border: 8} });
喜歡jBox的朋友別忘了點一下[推薦]哦,3q
在線demo:http://www.kudystudio.com/jbox/jbox-demo.html
原文:http://www.cnblogs.com/kudy/archive/2011/11/12/2246118.html
【編輯推薦】