|
javascript對話框(彈出層)組件artDialog
artDialog是一個輕巧且高度兼容的javascript對話框組件，可讓你的網頁交互擁有桌面軟件般的用戶體驗。
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 ...
其他各版本下載：http://code.google.com/p/artdialog/downloads/list
本文鏈接：http://www.jipiao100.net/download/product/2010/7513.asp 
出處：藍色理想
責任編輯：moby
|
