jQuery Layer 彈層組件

標籤：html5   mybatis   springmvc   

layer是一款近年來口碑非常不錯的web彈層組件，她具備全方位的解決方案，致力於服務各個水平段的開發人員，您的頁面會輕鬆地擁有豐富友好的操作體驗。

在與同類組件的比較中，layer總是能輕易獲勝。她儘可能地在以更少的代碼展現更強健的功能，且格外注重效能的提升、易用和實用性，正因如此，越來越多的開發人員將媚眼投上了layer。layer相容了包括IE6在內的所有主流瀏覽器。 她數量可觀的介面，使得您可以自訂太多您需要的風格，每一種彈層模式各具特色，皆廣受歡迎。當然，這種“王婆賣瓜”的陳述聽起來總是有點難受，因此你需要進一步瞭解她是否真的如你所願。

線上執行個體下載

layer執行個體DEMO示範-jQuery彈出層外掛程式

layer執行個體測試

參考手冊

 layer API 協助文檔

引入檔案

1. <link rel="stylesheet" href="layer.css" media="all">

2. <script type="text/javascript" src="jquery.min.js"></script>

3. <script type="text/javascript" src="layer.js"></script>

複製

使用方法下載

1. <a href="javascript:;" onclick="test();">點我彈窗</a>

2. <script>

3. function test() {

4. //在這裡面輸入任何合法的js語句

5. layer.open({

6. type: 1,

7. //page層

8. area: [‘500px‘, ‘300px‘],

9. title: ‘你好，layer。‘,

10. shade: 0.6,

11. //遮罩透明度

12. moveType: 1,

13. //拖拽風格，0是預設，1是傳統拖動

14. shift: 1,

15. //0-6的動畫形式，-1不開啟

16. content: ‘<div style="padding:50px;">這是一個非常普通的頁面層（type:1），傳入了自訂的html</div>‘

17. });

18. }

19. </script>

jQuery Layer 彈層組件