彈出提示框是網站經常要使用到的一個功能,作為網站瀏覽用戶,相信你也遇到很多彈窗,筆者收集了一些, 如下圖所示
各種各樣的彈窗都有,JS也有自帶的彈窗,但是樣式不太友好,不能修改,功能也有缺陷。
我以前比較喜歡artDialog插件,版本也升級到6了,不過近期發(fā)現(xiàn)一個體驗更好點的彈窗插件layer。
layer我感覺優(yōu)點在于好用、靈活、界面好看、兼容性好。
下面展示部分代碼!
//詢問框
layer.confirm('商品加入購物車成功!', {
btn: ['繼續(xù)購物','去購物車結算'] //按鈕
}, function(){
//關閉頁面,繼續(xù)購物
}, function(){
layer.msg('也可以這樣', {
time: 20000, //20s后自動關閉
btn: ['明白了', '知道了']
});
});
//提示層
layer.msg('系統(tǒng)加載中');
可見代碼很簡潔,只需要插入一個JS文件即可。
layui還提供了幾種風格,如深藍、墨綠。如果需要還可以手動修改CSS文件來自定義自己的風格。
經過使用發(fā)現(xiàn),用的非常方便。
網站功能已經很成熟,固定功能使用對應的JS插件即可,不然所有都自己來寫,不但BUG比較多,效率也慢,而且也要懂很多知識!
方維網絡專注于網站建設、小程序定制開發(fā),歡迎有需求客戶咨詢,告訴我們你的需求,我們免費提供建站方案和報價。