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