var btnfn = function();
easydialog.open(
});
header：包含彈出層的標題和關閉按鈕
conent：包含彈出層的內容
footer：包含確定和取消按鈕
如果header沒有內容將不顯示，content必須要有內容，footer沒有2個按鈕也不顯示。
yesfn：確定按鈕的**函式，**函式返回false將不關閉彈出層。
nofn：取消按鈕的**函式，**函式返回false將不關閉彈出層，取消按鈕的**函式也同樣會繫結在關閉按鈕上，如果引數不是函式而是true，那麼取消按鈕就只有關閉彈出層的功能。
如果沒有給按鈕傳**函式，按鈕將不顯示。
執行
easydialog.open(,
autoclose : 2000
});
autoclose：自動關閉視窗，單位為毫秒(ms)。
執行
easydialog.open();
fixed：該引數為false時，彈出視窗為絕對定位(不跟隨頁面的滾動而滾動)，為true時，彈出視窗為固定定位(跟隨頁面的滾動而滾動)。
執行
easydialog.open(,
overlay : false
});
執行
easydialog.open(,
follow : 'demobtn5',
followx : -137,
followy : 24
});
followx：相對於被跟隨元素的x軸偏移。
followy：相對於被跟隨元素的x軸偏移。
執行
easydialog.open(
drag : false
});
如果是自定義彈出層，要實現拖拽需要滿足2個條件，首先要確保drag為true，然後需要乙個id為「easydialogtitle」的dom元素。
執行
easydialog.close();如果是自定義彈出層，也想使用關閉按鈕來關閉彈出層，除了給該按鈕手動繫結乙個關閉彈出層的方法外，還可以新增乙個id為「closebtn」的dom元素，這樣不繫結事件就也可以關閉彈出層。
var callfn = function();
easydialog.open(,
callback : callfn
});
執行引數
引數型別
預設引數
引數說明
container
string / object
null
彈出視窗內容
引數為dom元素的id，那麼彈出層內容將是自定義的，如果是object將自動建立乙個預設的彈出層內容模板。
內容模板的引數：
header：彈出層的標題，幷包含了關閉按鈕，如果沒有引數將不顯示。
content：彈出層的內容，引數可以是字串，也可以是html**。
yesfn：確定按鈕的**函式，**函式返回false將不關閉彈出層，**函式的this指向easydialog，無引數將不顯示按鈕。
nofn：取消按鈕的**函式，**函式返回false將不關閉彈出層，**函式的this指向easydialog，該**函式也同樣會繫結在關閉按鈕上，如果引數不是函式而是true，那麼取消按鈕僅有關閉彈出層的功能，無引數將不顯示按鈕。
yestext：確定按鈕的文字，預設為「確定」。
notext：取消按鈕的文字，預設為「取消」。
drag
boolean
true
拖拽效果
true：啟用拖拽效果。
false：禁用拖拽效果。
自定義彈出層，要實現拖拽需要滿足2個條件，首先要確保drag引數為true，然後需要乙個id為「easydialogtitle」的dom元素。
fixed
boolean
true
設定定位
true：固定定位，彈出視窗跟隨頁面滾動而滾動。
false：絕對定位，彈出視窗不跟隨頁面的滾動。
overlay
boolean
true
設定遮罩層
true：顯示遮罩層，不可對頁面其他元素進行操作。
false：不顯示遮罩層，可以對頁面其他元素進行操作。
follow
string / object
null
跟隨定位
設定彈出視窗跟隨某元素進行絕對定位，跟隨定位時將不顯示遮罩層，引數可以是元素id也可以是dom物件。
followx
number
0設定跟隨定位時，相對於被跟隨元素的x軸偏移，單位為px，傳參時無需帶單位。
followy
number
0設定跟隨定位時，相對於被跟隨元素的y軸偏移，單位為px，傳參時無需帶單位。
lock
boolean
false
鎖定彈出層
true：esc鍵不可以關閉彈出層。
false：esc鍵可以關閉彈出層。
autoclose
number
0設定彈出層自動關閉，單位為ms，傳參時無需帶單位。
callback
function
null
設定關閉彈出層後執行的**函式，this指向easydialog。
彈出層標題
歡迎使用easydialog : )
取消確定
js彈出可拖動div
2010 09 01 18 03 37 分類 學習總結 標籤 js彈出可移動div 字型大小大中小訂閱 文章分類 web前端彈出div同時加入背景層實現方式很多，有原創也有借助js框架實現的，這些彈出的div功能都比較強悍，實際專案中有時候根本不需要如此般複雜操作，只 是彈出div進行資料展現或者是...
可拖拽彈出框
效果 父元件 v if showdrag close closedrag class canvas v if onshow drawingboard v else showingboard class btn click changestatus 切換狀態button div drag window...
vue 懸浮框 可拖動
效果圖 首先是樣式布局 class ys float btn style ref div click onbtnclicked icon class su img src static clouddisk icon qiye.svg 第二步首次進入頁面時，按鈕應該處於乙個初始位置。我們在create...