jQuery Layer 彈層組件

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

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

1. 版本Layer 2.2

2. 作者：賢心閑

3. github

在線實例

實例預覽 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>

復制

---

下載