這篇文章主要介紹了layui如何調(diào)整彈框大小，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是專業(yè)的康保網(wǎng)站建設(shè)公司，康保接單;提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行康保網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

layui調(diào)整彈框大小的方法：首先新建一個(gè)html代碼頁(yè)面；然后使用link鏈接一個(gè)外部樣式layer.css文件；接著創(chuàng)建彈出框；最后在“l(fā)ayer.opren()”方法里面使用“area:[]”設(shè)置彈出框的大小即可。

打開前端開發(fā)工具，新建一個(gè)html代碼頁(yè)面

找打頁(yè)面上的<title>標(biāo)簽，在這個(gè)標(biāo)簽后面使用link鏈接一個(gè)外部樣式layer.css文件

在鏈接的layer.css文件后面插入外部的jquery.js、layer.js這兩個(gè)外部文件

創(chuàng)建彈出框。創(chuàng)建一個(gè)新的<script>標(biāo)簽,然后在這個(gè)標(biāo)簽里面使用layer.open()創(chuàng)建彈出框功能。

創(chuàng)建彈出框代碼：

layer.open({
type: 2, 
  content: "test.html"
})

查看彈出框效果。保存html代碼文件后使用瀏覽器打開,這個(gè)時(shí)候看到彈出框已經(jīng)功能已經(jīng)實(shí)現(xiàn)

修改彈出框大小。在layer.opren()方法里面使用area:[]設(shè)置彈出框的寬/高。

代碼：

layer.open({
type: 2, 
area:["500px","400px"],
  content: "test.html"
})

保存html代碼后重新刷新瀏覽器頁(yè)面,即可看到彈出框的大小已被修改

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享layui如何調(diào)整彈框大小內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!

新聞標(biāo)題：layui如何調(diào)整彈框大小
文章出自：http://www.rwnh.cn/article36/ippspg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、ChatGPT、動(dòng)態(tài)網(wǎng)站、軟件開發(fā)、微信小程序、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)