★頁面展示
★屬性屬性值說明
預設值div
object
jquery物件
$('body')
width
number
控制項的寬度
auto
height
number
控制項的高度
auto
title
string
彈框的頭
『提示』
content
string
彈框的內容
iframeurl
string
彈出iframe
的路徑offsettop
number||string
絕對定位top
值:top,bottom,數字
居中offsetleft
number||string
絕對定位left
值:left,right,數字
居中isdrop
boolean
是否可拖動
true(可拖動
)btngroupe
array[object]
腳部的按鈕,屬性:
word:(string)按鈕的文字
classname:(string)按鈕的
class,
提供grey,green,red,blue
onclick:(function)按鈕的點選事件
classname
控制項class
★方法方法
引數描述
返回值create()
建立彈出層
open()
開啟彈框
close()
關閉彈框
fastopen()
快速開啟
fastclose()
快速關閉
setwidth(width)
width:(number)
設定控制項寬度
setheight(height)
height:(number)
設定控制項內容高度
refresh()
如果是iframe,
則重新整理settop()
彈框置頂
setmiddle(width,height)
width:(number)
height:(number)
設定彈框寬高,並居中
setposition(offsettop, offsetleft)
offsettop:同
data
的offsettop
offsetleft:同data
的offsetleft
設定彈框的位置,不傳值預設是初始化傳入的值
★事件**
方法引數
描述返回值
onclosefun()
關閉彈窗事件
★示例
var popup = new★原始碼js原始碼zj.jiecl.ui.popup(
},}],
offsettop:100,
onclosefun:
function
()});
popup.open();
css原始碼
簡單的jQuery彈框外掛程式
要點 匿名函式包裹器 可搜尋一下 物件導向的程式設計 外掛程式的要素 擴充套件jquery本身的方法,extend 給jquery物件新增方法,對jquery.prototype進行擴充套件 新增乙個函式到jquery.fn jquery.prototype 物件,該函式的名稱就是你的外掛程式名稱 ...
基於bootstrap風格的彈框外掛程式
自己寫的一款基於bootstrap風格的彈框外掛程式,暫時只有確認框 提示框。後續功能擴充套件 bug修改再更新。function dialog function f uosvwv alert function params null show function type,confirmcaller...
layui彈框元件多層彈框的使用 隨筆
效果圖 父視窗開啟子視窗並傳值 type 可傳入的值有 0 資訊框,預設 1 頁面層 2 iframe層 3 載入層 4 tips層 layer.open end function 子視窗獲取父視窗引數var billtermuuid getquerystring billtermuuid var ...