溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jQuery Layer 彈層組件

發(fā)布時(shí)間：2020-07-08 22:10:17 來源：網(wǎng)絡(luò) 閱讀：546 作者：qq580ad0799dfae 欄目：web開發(fā)

layer是一款近年來口碑非常不錯(cuò)的web彈層組件，她具備全方位的解決方案，致力于服務(wù)各個(gè)水平段的開發(fā)人員，您的頁面會(huì)輕松地?fù)碛胸S富友好的操作體驗(yàn)。

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

在線實(shí)例

下載

layer實(shí)例DEMO演示-jQuery彈出層插件

layer實(shí)例測試

參考手冊(cè)

 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>

復(fù)制

使用方法

下載

  1. <a href="javascript:;" onclick="test();">點(diǎn)我彈窗</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. //拖拽風(fēng)格，0是默認(rèn)，1是傳統(tǒng)拖動(dòng)

  14. shift: 1,

  15. //0-6的動(dòng)畫形式，-1不開啟

  16. content: '<div >這是一個(gè)非常普通的頁面層（type:1），傳入了自定義的html</div>'

  17. });

  18. }

  19. </script>


向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手