javascript對話方塊(彈出層)組件artDialog
artDialog是一個輕巧且高度相容的javascript對話方塊組件,可讓你的網頁互動擁有案頭軟體般的使用者體驗。
- 示範地址:http://www.planeart.cn/downs/artDialog/
- 項目首頁:http://code.google.com/p/artdialog/
artDialog2採用全新的UI
功能: 支援鎖定螢幕(遮罩)、類比alert和confirm、多視窗彈出、靜止定位、支援Ese鍵關閉對話方塊、定時關閉、自訂位置、拖動、滑鼠調節視窗大小、換膚、穿越架構
優點:
- 相容主流瀏覽器:支援IE6和IE6+, Firefox, chrome, Opera, Safari
- 自適應內容:無需預設高寬, 對話方塊自適應訊息內容的大小 (包括按鈕),並且支援訊息框大小拖動調節
- 智能訊息對齊:如果設定了對話方塊寬度,文本會自動置中或者居靠左對齊
- 容錯:如果定義的寬度高度小於內容大小不會出現錯位,
- 智能定位:使用自訂座標的時候智能修正位置,確保其在可視範圍 (適用於快顯功能表)
- 拖動流暢:不會粘住滑鼠也不會拖出瀏覽器視口導致無法控制
- 輕巧: js壓縮後不到8KB (在js內嵌了核心相容布局CSS的情況下)
- 制訂皮膚:九宮格布局, 鉤子完善,製作皮膚相當簡易, 內建IE6 png 32透明和定位解決方案。
- IE6無抖動靜止定位:在IE6下可實現與現代瀏覽器一樣完美靜止定位效果
- IE6遮蓋下拉控制項支援:支援 IE6 下覆蓋下拉控制項 (注:半透明皮膚不支援)
附帶皮膚:
google chrome[支援ie6覆蓋下拉控制項]
facebook[只用了一張不到1k的背景圖]
更新列表
下一版計劃逐步實現背景預先載入和Opera BUG修複..
v2.0.5
- 解決頁面載入即彈出的情況造成水平對齊不正常的BUG(主要是dom ready事件綁定)
- 增加parent參數,支援對話方塊穿越架構在父頁面彈出
v2.0.5
- 剔除yesClose參數,如果要點擊確定或者取消按鈕不自動關閉對話方塊,讓回調 函數返回false即可
- 更改x參數名為left,y為top,為後續版本拓展right與bottom參數需要
- 修改皮膚aero和chrome的表徵圖布局,讓回行訊息文本留出表徵圖的寬度
v2.0.4
- 修改一小處相容架構樣式,防止調用頁面body設定了文本對齊導致對話方塊標題文本也置中
v2.0.3
- 增加id參數,可以方便外部指令碼控制整個對話方塊,同時可防止對話方塊重複彈出
- 增加yesClose參數,用於阻止對話方塊點擊確定後自動關閉
v2.0.0 ...
- artDialog 2.06 下載
- 預設皮膚aero提供psd源檔案
其他各版本下載:http://code.google.com/p/artdialog/downloads/list