jQuery彈窗控件:sobox

jopen 10年前發布 | 49K 次閱讀 sobox jQuery對話框插件 jQuery插件

sobox 是一款非常實用的,基于 jQuery 的彈窗控件。

功能非常完整,而代碼量又非常少(壓縮完僅8k不到)的一款彈窗控件,
如果你熟悉ext的彈窗控件,那么sobox的使用對你來說應該是愉悅而完全沒有壓力。

以下簡單介紹給大家,具體的大家看詳細的API和實例
sobox提供 'content','target','ajax','iframe' 四種模式,
彈窗可多位置定位,兼容ie6+,其他現代瀏覽器就更不要說了,
并快捷支持alert,confirm,tip,loading,overTip等方法,
在實際應用中可根據項目實際需要靈活定制。
另外其實還有一個移動端版本,代碼更少,功能沒有這個豐富,
但是也支持alert,confirm,tip,loading這幾個常用的方法,隨后放出。

sobox界面清爽,熟悉樣式的童鞋可以輕松重新定制界面

jQuery彈窗控件: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 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!