layui如何調(diào)整彈框大小

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

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

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

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

找打頁面上的<title>標簽，在這個標簽后面使用link鏈接一個外部樣式layer.css文件

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

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

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

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

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

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

代碼：

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

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

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

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

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

廣告

聲明：本網(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)