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