jQuery彈出層外掛程式popbox

2022-01-19 02:37:33 字數 1109 閱讀 2234

都什麼年代了,還自己寫彈出層外掛程式!是的,①自己寫的自己好控制②可定製性高③相容低版本ie

本外掛程式有以下特性:

樣式分離,可定製,純淨無

可自定義按鈕及按鈕的樣式、點選事件

可指定選擇器選擇頁面元素的內容作為彈出層的內容,也可以指定url來非同步載入單獨頁面

可配置遮罩層、關閉按鈕、按鈕欄

可配置拖動、自動關閉、失焦關閉

可配置開啟、關閉和確定、取消時的動作

1. 引入相關檔案

<

link

rel="stylesheet"

href

="jquery.popbox.css"

/>

<

script

src="jquery.min.js"

>

script

>

<

script

src="jquery.popbox.js"

>

script

>

2. 呼叫$.popbox();預設配置引數如下:

var defaults =,

], //預設顯示的按鈕,

draggable : true, //

是否可拖動

autoclose : 0, //

是否自動關閉,否則設為0,是則設為大於0的數字,表示關閉時間,單位ms

blurclose : false, //

點選視窗外部是否關閉視窗

onopen : null, //

視窗載入完畢時的動作

onclose : null, //

視窗關閉前的動作,返回false可組織視窗關閉

onok : null, //

點選確定按鈕

oncancel : null,//

點選取消按鈕

showbtn : true

, custompos : '' //

自定義位置

};

Jquery彈出層外掛程式

size medium 此外掛程式可支援以下功能 1 觸發響應事件 2 設定彈出層的標題 3 設定彈出層型別 text 容器id url iframe 4 彈出層的內容獲取 text文字 容器id名稱 url位址 iframe的位址 5 彈出層的寬度 6 彈出層的高度 7 層滑動的高度也就是彈出層時...

jQuery彈出層外掛程式Dialog

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

jQuery彈出層外掛程式大全

1.thickbox 目前用的比較多的,最新版本是thickbox3.1 2.colorbox 官方 colorbox.zip 演示例項 core example1 index.html 3.fancybox 官方 演示例項 example 4.jqueryui dialog 官方 演示例項 5.d...