jQuery Layer 彈層組件

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>