彈出框外掛程式 dialog

2022-04-08 17:27:34 字數 945 閱讀 5384

基於jquery和dot.js彈出框外掛程式,相容ie6+等其他瀏覽器。

思想:彈出框元素插入body節點中,並在頁面垂直居中顯示(fixed定位),觸發確定和關閉事件繫結。

注意ie6包含兩個問題:

一、select、flash不能遮罩,採用iframe。

二、fixed屬性採用滾動時重新計算高度或在樣式中採用表示式計算expression。

原始碼分析:

1、creathtml:採用dot.js初始化元素新增到body中;

2、show:設定寬度,高度,居中顯示;

3、events:為關閉和確定繫結事件;

4、removecallback:移出元素節點,如有執行**方法;

5、ie6fixed:ie6中fixed的相容性處理。

引數使用說明:

width:定義彈出框的寬度,預設值是400。

height:定義彈出框的高度,預設值是100.

title:定義彈出框的標題,預設值是空。

html:定義彈出框的內容,預設值是空。

type:定義彈出框的型別,預設值是default,其他conform和alert。

closed: 標題欄中的關閉按鈕,**方法,預設為null。

conform:包含name指按鈕的名稱,預設值為確定,callback**方法,預設值為null。

cancel:包含name指按鈕的名稱,預設值為取消,callback**方法,預設值為null。

備註:如果使用conform或alert時,不設定type型別是不起作用。

放在頁面底部,作為公用部分:

使用方法:

$.dialog.init(

});

demo:

執行**

彈出框 dialog 製作

對一般的 而言,彈出框是比較常見的。或是給出使用者操作提示,或是通過彈出框開啟乙個小視窗以提示資訊,或是給出錯誤警示等等。但是由於瀏覽器自帶的彈出視窗alert confirm prompt 樣式比較單調,且不同瀏覽器有不同的預設樣式設定。所以在日常工作中,給 做乙個自定義的彈出框十分必要。當然一般...

jQuery彈出層外掛程式Dialog

dialogupdate author huang ji hua license freebsd license jquery的dialog外掛程式。param object content param object options 選項。return function dialog content...

jQuery彈出層外掛程式Dialog

dialogupdate author huang ji hua license freebsd license jquery的dialog外掛程式。param object content param object options 選項。return function dialog content...