基於jQuery的控制項 彈框

2022-06-01 04:03:13 字數 1934 閱讀 4273

★頁面展示

★屬性屬性值說明

預設值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

zj.jiecl.ui.popup(

},}],

offsettop:100,

onclosefun:

function

()});

popup.open();

★原始碼js原始碼

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 ...