彈出提示框是網(wǎng)站經(jīng)常要使用到的一個(gè)功能，作為網(wǎng)站瀏覽用戶(hù)，相信你也遇到很多彈窗，筆者收集了一些， 如下圖所示

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

我以前比較喜歡artDialog插件，版本也升級(jí)到6了，不過(guò)近期發(fā)現(xiàn)一個(gè)體驗(yàn)更好點(diǎn)的彈窗插件layer。

layer我感覺(jué)優(yōu)點(diǎn)在于好用、靈活、界面好看、兼容性好。

下面展示部分代碼！

//詢(xún)問(wèn)框
layer.confirm('商品加入購(gòu)物車(chē)成功！', {
btn: ['繼續(xù)購(gòu)物','去購(gòu)物車(chē)結(jié)算'] //按鈕
}, function(){
   //關(guān)閉頁(yè)面，繼續(xù)購(gòu)物
}, function(){
layer.msg('也可以這樣', {
time: 20000, //20s后自動(dòng)關(guān)閉
btn: ['明白了', '知道了']
});
});

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


可見(jiàn)代碼很簡(jiǎn)潔，只需要插入一個(gè)JS文件即可。

layui還提供了幾種風(fēng)格，如深藍(lán)、墨綠。如果需要還可以手動(dòng)修改CSS文件來(lái)自定義自己的風(fēng)格。

經(jīng)過(guò)使用發(fā)現(xiàn)，用的非常方便。

網(wǎng)站功能已經(jīng)很成熟，固定功能使用對(duì)應(yīng)的JS插件即可，不然所有都自己來(lái)寫(xiě)，不但BUG比較多，效率也慢，而且也要懂很多知識(shí)！

方維網(wǎng)絡(luò)專(zhuān)注于網(wǎng)站建設(shè)、小程序定制開(kāi)發(fā)，歡迎有需求客戶(hù)咨詢(xún)，告訴我們你的需求，我們免費(fèi)提供建站方案和報(bào)價(jià)。