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

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

版本Layer?2.2

作者：賢心閑

github

在線實例

實例預覽?layer實例DEMO演示-jQuery彈出層插件

實例預覽?layer實例測試

參考手冊

幫助文檔?layer API 幫助文檔

引入文件

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

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

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

復制

使用方法

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

<script>

function?test()?{

//在這里面輸入任何合法的js語句

layer.open({

type:?1,

//page層

area:?['500px',?'300px'],

title:?'你好，layer。',

shade:?0.6,

//遮罩透明度

moveType:?1,

//拖拽風格，0是默認，1是傳統(tǒng)拖動

shift:?1,

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

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

});

}

</script>

復制

---

下載

?

轉載于:https://www.cnblogs.com/niuboren/p/5983330.html

《新程序員》：云原生和全面數(shù)字化實踐50位技術專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的jQuery Layer 弹层组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。