<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          soboxjQuery彈窗控件

          聯(lián)合創(chuàng)作 · 2023-10-02 06:50

          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)的,歡迎大家批評指正~

          瀏覽 27
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  久久性爱视频网站 | 毛片黄色片 | 在线播放国产精品 | 大香蕉伊人在线手机网 | 亚洲色人妻 |