2023-03-25 分類: 網(wǎng)站制作
彈出提示框是網(wǎng)站經(jīng)常要使用到的一個功能,作為網(wǎng)站瀏覽用戶,相信你也遇到很多彈窗,筆者收集了一些, 如下圖所示
各種各樣的彈窗都有,JS也有自帶的彈窗,但是樣式不太友好,不能修改,功能也有缺陷。
我以前比較喜歡artDialog插件,版本也升級到6了,不過近期發(fā)現(xiàn)一個體驗更好點的彈窗插件layer。
layer我感覺優(yōu)點在于好用、靈活、界面好看、兼容性好。
下面展示部分代碼!
//詢問框
layer.confirm('商品加入購物車成功!', {
btn: ['繼續(xù)購物','去購物車結(jié)算'] //按鈕
}, function(){
//關(guān)閉頁面,繼續(xù)購物
}, function(){
layer.msg('也可以這樣', {
time: 20000, //20s后自動關(guān)閉
btn: ['明白了', '知道了']
});
});
//提示層
layer.msg('系統(tǒng)加載中');
可見代碼很簡潔,只需要插入一個JS文件即可。
layui還提供了幾種風(fēng)格,如深藍(lán)、墨綠。如果需要還可以手動修改CSS文件來自定義自己的風(fēng)格。
經(jīng)過使用發(fā)現(xiàn),用的非常方便。
網(wǎng)站功能已經(jīng)很成熟,固定功能使用對應(yīng)的JS插件即可,不然所有都自己來寫,不但BUG比較多,效率也慢,而且也要懂很多知識!
創(chuàng)新互聯(lián)專注于網(wǎng)站建設(shè)、小程序定制開發(fā),歡迎有需求客戶咨詢,告訴我們你的需求,我們免費(fèi)提供建站方案和報價。
當(dāng)前題目:網(wǎng)站制作中彈出窗提示JS插件layer介紹
標(biāo)題路徑:http://jinyejixie.com/news/247613.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站制作等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容