soboxjQuery彈窗控件
sobox 是一款非常實用的,基于 jQuery 的彈窗控件。功能非常完整,而代碼量又非常少(壓縮完僅8k不到)的一款彈窗控件,如果你熟悉ext的彈窗控件,那么sobox的使用對你來說應(yīng)該是愉悅而完全沒有壓力。
以下簡單介紹給大家,具體的大家看詳細(xì)的API和實例sobox提供 'content','target','ajax','iframe' 四種模式,彈窗可多位置定位,兼容ie6+,其他現(xiàn)代瀏覽器就更不要說了,并快捷支持alert,confirm,tip,loading,overTip等方法,在實際應(yīng)用中可根據(jù)項目實際需要靈活定制。另外其實還有一個移動端版本,代碼更少,功能沒有這個豐富,但是也支持alert,confirm,tip,loading這幾個常用的方法,隨后放出。
sobox界面清爽,熟悉樣式的童鞋可以輕松重新定制界面
sobox的全部參數(shù):
$.sobox.pop({
/* 彈出類型及類型參數(shù) */
type : 'content', // 彈窗內(nèi)容模式:'content','target','ajax','iframe',每個模式分別對應(yīng)每個參量
target : null, // target方式,target目標(biāo),如 '.detail','#contbox'
content : null, // content方式,支持html
iframe : null, // iframe方式,值為iframe目標(biāo)頁鏈接,如:http:// www.baidu.com/
ajax:{url:null,data:null,callback:function(){}}, // ajax方式
/* 位置信息 */
posType:'center', // 'center,win,doc,tc,bc' 位置類型:居中 | 距window頂部 | 距離doucment頂部定 | top水平居中 | bottom水平居中
pos:[0,0], // [x,y] 距離document左上角坐標(biāo),set模式使用
offset:[0,0], // [x,y] 彈窗相對本來設(shè)定位置偏移量,center模式只改變y軸
/* 自定義參數(shù) */
cls : null, // 添加自定義類名
width:360,height:null, // 寬高屬性,iframe模式下,height為iframe高度
defaultShow:true, // 直接顯示pop
visibility:true, // 默認(rèn)pop執(zhí)行后顯示(用于部分復(fù)雜處理場景)
title : '提示', // 默認(rèn)標(biāo)題
showTitle:true, // 標(biāo)題欄隱藏:默認(rèn)顯示
outCloseBtn : false, //標(biāo)題上的關(guān)閉按鈕是否外置 :默認(rèn)內(nèi)置
showMask : true, // 顯示遮罩
onlyOne : false, // 為true時,同一狀態(tài)下只顯示一個pop
drag :true, // 是否可拖動
maskClick : true, // 點擊背景關(guān)閉內(nèi)容
btn : [], // {cls:,text'確定',link:,removePop: true,callback:}
/* 返回事件 */
beforePop:function(){}, // 窗口打開之前返回事件
onPop: function(){}, // 窗口打開返回事件
closePop: function(){} // 窗口關(guān)閉返回事件
});
當(dāng)然我的整個soJs項目都在上面 :https://github.com/bujichong/sojs
原諒我有時慵懶,但是有問題,我基本還是會修正和改進(jìn)的,歡迎大家批評指正~
評論
圖片
表情
