知識 分享 互助 懶人建站

    懶人建站專注于網頁素材下載,提供網站模板、網頁設計、ps素材、圖片素材等,服務于【個人站長】【網頁設計師】和【web開發從業者】的代碼素材與設計素材網站。

    懶人建站提供網頁素材下載、網站模板
    知識 分享 互助!

    jquery layer彈出層插件//layer是layUI庫的成員

    作者:佳明媽 來源:個性簽名 2014-01-22 人氣:
    jquery layer是layUI庫的成員,jquery layer彈出層插件支持單擊彈出,自動彈出,支持載入iframe,ajax載入,自定義彈出位置,有tip提示功能,太多太多功能還是看演示吧,layer彈出層插件壓縮后

    jquery layer是layUI庫的成員,一直致力于為web開發提供動力。作者:賢心

    jquery layer彈出層插件支持單擊彈出,自動彈出,支持載入iframe,ajax載入,自定義彈出位置,有tip提示功能,太多太多功能還是看演示吧,layer彈出層插件壓縮后只有17K,可謂小巧強大。

    據不完全統計,截至到2013年12月16號,layer已服務于8000多家web平臺。其中包括中國聯通、螞蟻網、卡牌網,八圓包等諸多大中型網站。

    與同類彈出層組件相比,layer的優勢明顯,她盡可能地在以更少的代碼展現出更強健的功能。

    layer格外注重性能的提升、易用和實用性,正因如此,越來越多的開發者將媚眼投上了小小的layer(已有205410人次關注新版layer)。

    當你問及她的兼容時,layer必須告訴你,她兼容了一切瀏覽器,包括古老的ie6。


    jquery layer彈出層插件

    jquery layer公開了如此多的接口(api),這使得您可以DIY太多您需要的風格,尤其是頁面層模式,意味著必要時您可以完全拋棄layer的現有皮膚,并用你的思維去勾勒她的衣著。而問題在于,我必須中止“王婆賣瓜”的陳述。因為一切的不足或友好,都需要您在使用過程中去發現。

    jquery layer彈出層插件更新日志:
     

    2013.12.16:layer-v1.7.0更新。
    01、tips層可支持上(0)、右(1)、下(2)、左(3)方向的選擇(之前版本只可配置上下或左右),詳細使用見API
     
    02、對layer.load()參數做了多重判斷,如果你想在loading中附加一些文字的話,您可以這樣:layer.load('加載中');如果參數不是一個字符串,它將以一般的loading形式展現。
     
    03、對layer.msg()參數做了多重判斷layer.msg(msgText,msgTime,parme,callback),如果parme是一個數字,則將作為msg的圖標參數,如果parme是一個函數,則將作為層消失后的end的回調,如果parme是一個object,您可配置{type:圖標類型,shade:false//是否遮罩,如果是,不用配置,rate:'top'//彈出的動畫類型,具體值見layer.shift的參數說明}
     
    04、layer.shift的rate參數(彈出的動畫類型),新增從上、下、左彈出(考慮到實際需求,暫時不提供向右)
     
    05、新增moveType,用于配置拖拽類型,默認空心方塊式拖動層,若值設為1,則直接拖動層
     
    06、重新添加fadeIn參數,用于層的漸顯
     
    07、優化代碼結構。
     
    08、優化tips層(type:4)UI
     
    09、優化loading層(type:3)UI。
     
    【拓展模塊】
     
    1.7.0開始增加了一個layer.ext.js,主要是對layer做了一些拓展,您可以按照自己的需求選擇引入,同樣的,不需要引入css,只需要引入js文件即可。
     
    10、新增prompt層模式,支持普通文本框(0)、密碼框(1)、文件框(2)、多行文本框(3),調用:layer.prompt(opations,yes回調, no回調);
     
    11、新增tab層模式,調用:layer.tab();
     
    12、新增layer.closeTips(),用于關閉tips層。
     
    2013.08.30:layer-v1.6.0完成更新。
    01、type:2模式的iframe層可彈出任意個數(目前支持彈出任意個數層的有:type:1/type:2)
     
    02、新增layer.area(index,options),用于重定義指定層的寬高、坐標、z-index,該方法僅針對頁面層(type:1)和iframe層(type:2)有效;
     
    03、新增關閉所有層的方法layer.closeAll();
     
    04、新增page參數中的url和end參數;url即ajax請求的地址,end是ajax請求頁面成功后執行的回調
     
    05、新增dialog中type的-1值,用于控制dialog模式的提示圖標是否顯示。
     
    06、新增dialog中的5個圖標(11-15),目前可配置的有0-15
     
    07、新增layer.index靜態屬性,用于獲取最近一次的索引值
     
    08、新增拖拽時鼠標按鍵放下后的回調函數:moveEnd:function(){}
     
    09、新增layer.zIndex全局屬性,用于獲取layer容器中的最大z-index值
     
    10、新增點擊當前窗口,當前窗口置頂的方法layer.setTop(layerNow)。一般用在success回調中,layerNow參數即為success回調函數中傳過來的參數,即當前layer容器。type:1/type:2多窗口模式時可能非常實用,當需要時,需配置zIndex:layer.zIndex
     
    11、修復彈出tips模式層時,影響頁面布局的bug
     
    12、修復ie9,關閉iframe模式層,再重新打開時,iframe頁無法獲取焦點的bug
     
    13、修復拖拽存在的小bug
     
    14、修復layer.msg的第二個參數(關閉時間)設置為0時,依然2秒關閉的bug
     
    15、調整用于控制頁面層模式自適應的layer.autoArea(index);
     
    16、調整用于獲取子iframe的layer.getChildFrame(selector, index); index為新增,即對應的iframe層索引,可通過調用的返回值獲取。
     
    17、調整用于當前當前iframe層本身索引的layer.getFrameIndex(window.name)。window.name獲取當前iframe頁的name
     
    18、調整用于控制iframe層本身自適應的layer.iframeAuto(index)方法,如果是在iframe層內部,則可通過var index = layer.getFrameIndex(window.name)得到;若在父頁面,則可通過調用iframe層的返回值得到,如var index = $.layer();
     
    2013.06.06:layer-v1.5.2完成更新。
    1.5.2對上一版完全兼容,請放心覆蓋:
     
    一、去除skin屬性,因為page(參數為type:1時)等模式本身就支持自定義皮膚,skin形同虛設。
     
    二、去除fadeIn屬性,該屬性基本也形同虛設,可有可無,不如無。
     
    三、新增屬性moveOut:用于控制層是否允許被拖出可視窗口外,默認false
     
    四、新增屬性bgcolor, 用于控制層的背景色,默認白色(#fff),如設置透明,為空即可。
     
    五、修復ie6/7下,iframe層在多次關閉后,再打開,iframe元素焦點無法選中的bug
     
    六、修復ie8及以下瀏覽器,層區域文字無法選中的問題。
     
    七、layer.js代碼結構重寫,性能優化
     
    八,核心js文件(layer.min.js)代碼量較上一版本減少了1.2KB
     
    2013.04.17:layer-v1.5.1完成更新。
    1.5.1對上一版完全兼容,請放心覆蓋:
     
    一、摒棄png.js,更合理地處理ie6下png32圖片不透明問題。從而讓layer組件變得更輕量級。
     
    二、增加ready方法,layer.ready(function(){}); 用于給layer裝載完畢才執行響應代碼,避免樣式未加載等問題的出錯。
     
    三、重寫tips,增加上下和左右兩種狀態,支持智能判斷方向。
     
    四、經多數用戶反饋,去掉了標題欄圖標
     
    五、修復ie8及以下瀏覽器,層區域文字無法選中的問題。
     
    六、核心代碼的進一步優化。
     
    2013.02.01:layer-v1.5.0完成更新。
    1.5.0對舊版完全兼容,請放心覆蓋。不過要格外注意以下更新事項:
     
    一、已放棄LAYER全局對象,統一改成layer,如:layer.close(index)
     
    二、重寫拖拽效果,更流暢,性能更佳!
     
    三、新增iframeAuto方法,用于讓iframe層自適應,非常實用。layer.iframeAuto(),詳見官網實例演示之iframe子父操作
     
    四、屬性title可直接傳字符串(title:'標題'),避免了之前['標題',true]的臃腫,當然如果不想顯示title,仍然要以數組形式配置:['',false]
     
    五、修復在使用jquery1.9后,出現報錯的bug(原因是jquery1.9放棄了一些api),目前扔推薦使用jquery1.8或以上版本
     
    六、新增支持seajs模塊加載器,配置依賴路徑詳見layer源代碼。無需模塊化加載可無視此項
     
    七、修復在ie6下,在回調函數體中執行location.href跳轉無效的bug
     
    2012.12.2:layer-v1.4.2完成更新。
    1.4.2對舊版(除v0.3及以下)完全兼容,請放心覆蓋。此次升級主要如下:
     
    一、新增shadeClose屬性,用來控制點擊遮罩區域是否關閉層。
     
    二、新增對象layer的autoArea方法,用來處理在層中寬高改變時,重新自適應層寬高。layer.autoArea(index);
     
    三、修復彈出iframe層成功時,加載條不消失的bug
     
    四、修復IE6下,彈出包含的select元素被隱藏的bug
     
    五、修復頁面層模式(type=1 時),設置area無效的bug
     
    六、修復offset參數在像素和百分號定位中存在的一些bug
     
    七、對全局對象layer進行了優化,以保證外界不污染CLASS類非公開的屬性與方法
     
    八、優化layer.shift()方法,避免了一些潛在的bug
     
    2012.10.12:layer-v1.4.1完成更新。
    2012.10.12:layer-v1.4.1完成更新。
     
    1.4.1對1.4完全兼容,請放心覆蓋。此次升級主要如下:
     
    一、徹底解決在多層情況下,數據沖突(如回調被重寫)的漏洞(基本其它所有同類插件都存在的bug)。
     
    二、代碼性能的進一步優化。
     
    三、新增路徑配置。由于使用者可能會對js進行合并引入,所以1.4原有的自動獲取js當前路徑會失效,而您只需要在layer.js或layer.min.js配置下相對路徑模式即可。
     
    四、修復使用頁面層模式時(type=1),層中的表單無法點擊的bug。
     
    五、其它各種小bug的修復。
    ↓ 查看全文

    jquery layer彈出層插件//layer是layUI庫的成員由懶人建站收集整理,您可以自由傳播,請主動帶上本文鏈接

    懶人建站就是免費分享,覺得有用就多來支持一下,沒有能幫到您,懶人也只能表示遺憾,希望有一天能幫到您。

    jquery layer彈出層插件//layer是layUI庫的成員-最新評論

    老子是皇帝在线客服 南粤36选7基本走势图 极速快乐十分是哪里的 抖音视频平台怎么赚钱 猜大小单双 江苏十一选五下载安装 广东快乐10分钟开奖结果查询 7980主题餐厅赚钱吗 dnf2019搬砖图排行榜 大乐透历史开奖号码 jdb电子龙王捕鱼 体彩p5开奖 今天内蒙古时时开奖结果 竞彩混合过关中奖规则 广西社会福彩中心官网 快乐双彩走势图综合 彩票开奖代码