當前位置:妙知谷 >

遊戲數碼 >互聯網 >

jeesite怎麼彈出層

jeesite怎麼彈出層

jeesite怎麼彈出層,以及關於layer,小編今天告訴你!

操作方法

(01)關於web彈出層之前做web彈出層,使用的是jqueryui,那個複雜,那個大。 而且樣式怪怪的。而且文件很大。

jeesite怎麼彈出層

(02)關於layerlayer是一款近年來口碑極佳的web彈層組件,她具備全方位的解決方案,致力於服務各水平段的開發人員,您的頁面會輕鬆地擁有豐富友好的操作體驗。在與同類組件的比較中,layer總是能輕易獲勝。她儘可能地在以更少的代碼展現更強健的功能,且格外注重性能的提升、易用和實用性,正因如此,越來越多的開發者將媚眼投上了layer。

jeesite怎麼彈出層 第2張

(03)layer兼容了包括IE6在內的所有主流瀏覽器。 她數量可觀的接口,使得您可以自定義太多您需要的風格,每一種彈層模式各具特色,廣受歡迎。當然,這種“王婆賣瓜”的陳述聽起來總是有點難受,因此你需要進一步瞭解她是否真的如你所願。

jeesite怎麼彈出層 第3張

(04)開始使用<!doctype html><html><head><title>開始使用layer</title></head><body>你必須先引入jQuery1.8或以上版本<script src="jQuery的路徑"></script><script src="layer.js的路徑"></script><script>//彈出一個頁面層$('#test2').on('click', function(){    layer.open({        type: 1,        area: ['600px', '360px'],        shadeClose: true, //點擊遮罩關閉        content: '<div style="padding:20px;">自定義內容</div>'    });});

jeesite怎麼彈出層 第4張

(05)顯示iframe//彈出一個iframe層$('#parentIframe').on('click', function(){    layer.open({        type: 2,        title: 'iframe父子操作',        maxmin: true,        shadeClose: true, //點擊遮罩關閉層        area : ['800px' , '520px'],        content: 'test/iframe.html'    });});

jeesite怎麼彈出層 第5張
標籤: jeesite 彈出
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/hulianwang/8m7vxy.html