jQuery彈窗控件:sobox
sobox 是一款非常實用的,基于 jQuery 的彈窗控件。
功能非常完整,而代碼量又非常少(壓縮完僅8k不到)的一款彈窗控件,
如果你熟悉ext的彈窗控件,那么sobox的使用對你來說應該是愉悅而完全沒有壓力。
以下簡單介紹給大家,具體的大家看詳細的API和實例
sobox提供 'content','target','ajax','iframe' 四種模式,
彈窗可多位置定位,兼容ie6+,其他現代瀏覽器就更不要說了,
并快捷支持alert,confirm,tip,loading,overTip等方法,
在實際應用中可根據項目實際需要靈活定制。
另外其實還有一個移動端版本,代碼更少,功能沒有這個豐富,
但是也支持alert,confirm,tip,loading這幾個常用的方法,隨后放出。
sobox界面清爽,熟悉樣式的童鞋可以輕松重新定制界面
sobox的全部參數:
$.sobox.pop({
/* 彈出類型及類型參數 */
type : 'content', // 彈窗內容模式:'content','target','ajax','iframe',每個模式分別對應每個參量
target : null, // target方式,target目標,如 '.detail','#contbox'
content : null, // content方式,支持html
iframe : null, // iframe方式,值為iframe目標頁鏈接,如: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左上角坐標,set模式使用
offset:[0,0], // [x,y] 彈窗相對本來設定位置偏移量,center模式只改變y軸
/* 自定義參數 */
cls : null, // 添加自定義類名
width:360,height:null, // 寬高屬性,iframe模式下,height為iframe高度
defaultShow:true, // 直接顯示pop
visibility:true, // 默認pop執行后顯示(用于部分復雜處理場景)
title : '提示', // 默認標題
showTitle:true, // 標題欄隱藏:默認顯示
outCloseBtn : false, //標題上的關閉按鈕是否外置 :默認內置
showMask : true, // 顯示遮罩
onlyOne : false, // 為true時,同一狀態下只顯示一個pop
drag :true, // 是否可拖動
maskClick : true, // 點擊背景關閉內容
btn : [], // {cls:,text'確定',link:,removePop: true,callback:}
/* 返回事件 */
beforePop:function(){}, // 窗口打開之前返回事件
onPop: function(){}, // 窗口打開返回事件
closePop: function(){} // 窗口關閉返回事件
}); 整個soJs項目都在上面 :https://github.com/bujichong/sojs
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!