artDialog:輕巧且高度相容的javascript對話方塊組件

來源:互聯網
上載者:User

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



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。