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

各種各樣的彈窗都有，JS也有自帶的彈窗，但是樣式不太友好，不能修改，功能也有缺陷。

我以前比較喜歡artDialog插件，版本也升級到6了，不過近期發現一個體驗更好點的彈窗插件layer。

layer我感覺優點在于好用、靈活、界面好看、兼容性好。

下面展示部分代碼！

//詢問框
layer.confirm('商品加入購物車成功！', {
btn: ['繼續購物','去購物車結算'] //按鈕
}, function(){
   //關閉頁面，繼續購物
}, function(){
layer.msg('也可以這樣', {
time: 20000, //20s后自動關閉
btn: ['明白了', '知道了']
});
});

//提示層
layer.msg('系統加載中');


可見代碼很簡潔，只需要插入一個JS文件即可。

layui還提供了幾種風格，如深藍、墨綠。如果需要還可以手動修改CSS文件來自定義自己的風格。

經過使用發現，用的非常方便。

網站功能已經很成熟，固定功能使用對應的JS插件即可，不然所有都自己來寫，不但BUG比較多，效率也慢，而且也要懂很多知識！

方維網絡專注于網站建設、小程序定制開發，歡迎有需求客戶咨詢，告訴我們你的需求，我們免費提供建站方案和報價。