首頁 > 網際網路

layer彈出層怎麼使用

2019-12-12 03:11:49

本文介紹layer彈主層的使用方法,layer是針對的web彈層元件,簡介的介面操作,作者賢心,本文主要通過簡單的範例介紹layer彈出層元件的使用。

1

第一步 首先準備開發資源包,如下圖所示,進入layer官方網站,下載資源包儲存到本地。官網http://layer.layui.com/


2

第二步 下載資源包,如下圖所示點選下載按鈕,下載完成後把資源包進行解壓,提取所需要的資源。


3

第三步 在本地建立簡單的專案檔案目錄結構,如下圖所示:可以根據自己的需要進行建立檔案目錄,本文採用如下結構,如圖所示:建立完後建立html檔案進行編輯


4

第四步 引入資原始檔,將下載的資源包解壓拷貝檔案到專案資料夾下,具體操作如下圖所示:



5

第五步 編輯html檔案,如下圖所示,首先在頭部引入所需要的資原始檔,然後編輯檔案如下,具體操作如下圖所示:



6

第六步  在瀏覽器中檢視下過彈出層,效果如下所示:



IT145.com E-mail:sddin#qq.com