網站制作中彈出窗提示JS插件layer介紹

2023-03-25 分類：網站制作

彈出提示框是網站經常要使用到的一個功能，作為網站瀏覽用戶，相信你也遇到很多彈窗，筆者收集了一些，如下圖所示

彈出框一加載層提示彈窗
各種各樣的彈窗都有，JS也有自帶的彈窗，但是樣式不太友好，不能修改，功能也有缺陷。
我以前比較喜歡artDialog插件，版本也升級到6了，不過近期發現一個體驗更好點的彈窗插件layer。
layer我感覺優點在于好用、靈活、界面好看、兼容性好。
下面展示部分代碼！

//詢問框
layer.confirm('商品加入購物車成功！', {
btn: ['繼續購物','去購物車結算'] //按鈕
}, function(){
//關閉頁面，繼續購物
}, function(){
layer.msg('也可以這樣', {
time: 20000, //20s后自動關閉
btn: ['明白了', '知道了']
});
});
//提示層
layer.msg('系統加載中');
可見代碼很簡潔，只需要插入一個JS文件即可。
layui還提供了幾種風格，如深藍、墨綠。如果需要還可以手動修改CSS文件來自定義自己的風格。
經過使用發現，用的非常方便。
網站功能已經很成熟，固定功能使用對應的JS插件即可，不然所有都自己來寫，不但BUG比較多，效率也慢，而且也要懂很多知識！
創新互聯專注于網站建設、小程序定制開發，歡迎有需求客戶咨詢，告訴我們你的需求，我們免費提供建站方案和報價。

文章題目：網站制作中彈出窗提示JS插件layer介紹
當前路徑：http://m.kartarina.com/news13/247613.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容