漂亮的javascript對話框(彈出層)組件[附源碼]
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
javascript對話框(彈出層)組件artdialog artdialog是一個輕巧且高度兼容的javascript對話框組件,可讓你的網(wǎng)頁交互擁有桌面軟件般的用戶體驗。 演示地址: 項目主頁: artdialog2采用全新的ui http://72color.com/upload/2155111n3-0.jpg 功能: 支持鎖定屏幕(遮罩)、模擬alert和confirm、多窗口彈出、靜止定位、支持ese鍵關閉對話框、定時關閉、自定義位置、拖動、鼠標調節(jié)窗口大小、換膚、穿越框架 優(yōu)點: 兼容主流瀏覽器:支持ie6和ie6+, firefox, chrome, opera, safari 自適應內(nèi)容:無需預設高寬, 對話框自適應消息內(nèi)容的大小 (包括按鈕),并且支持消息框大小拖動調節(jié) 智能消息對齊:如果設置了對話框寬度,文本會自動居中或者居左對齊 容錯:如果定義的寬度高度小于內(nèi)容大小不會出現(xiàn)錯位, 智能定位:使用自定義坐標的時候智能修正位置,確保其在可視范圍 (適用于彈出菜單) 拖動流暢:不會粘住鼠標也不會拖出瀏覽器視口導致無法控制 輕巧: js壓縮后不到8kb (在js內(nèi)嵌了核心兼容布局css的情況下) 制訂皮膚:九宮格布局, 鉤子完善,制作皮膚相當簡易, 內(nèi)置ie6 png 32透明和定位解決方案。 ie6無抖動靜止定位:在ie6下可實現(xiàn)與現(xiàn)代瀏覽器一樣完美靜止定位效果 ie6遮蓋下拉控件支持:支持 ie6 下覆蓋下拉控件 (注:半透明皮膚不支持) 附帶皮膚: http://72color.com/upload/201004161514476664.jpg google chrome<支持ie6覆蓋下拉控件> http://72color.com/upload/201004161514513366.jpg
facebook<只用了一張不到1k的背景圖> 更新列表 下一版計劃逐步實現(xiàn)背景預加載和opera bug修復.. v2.0.5 解決頁面載入即彈出的情況造成水平對齊不正常的bug(主要是dom ready事件綁定) 增加parent參數(shù),支持對話框穿越框架在父頁面彈出 v2.0.5 剔除yesclose參數(shù),如果要點擊確定或者取消按鈕不自動關閉對話框,讓回調 函數(shù)返回false即可 更改x參數(shù)名為left,y為top,為后續(xù)版本拓展right與bottom參數(shù)需要 修改皮膚aero和chrome的圖標布局,讓回行消息文本留出圖標的寬度 v2.0.4 修改一小處兼容框架樣式,防止調用頁面body設置了文本對齊導致對話框標題文本也居中 v2.0.3 增加id參數(shù),可以方便外部腳本控制整個對話框,同時可防止對話框重復彈出 增加yesclose參數(shù),用于阻止對話框點擊確定后自動關閉 v2.0.0 ... 其他各版本下載: 該文章在 2024/3/12 10:28:49 編輯過 |
關鍵字查詢
相關文章
正在查詢... |