我們?cè)谶M(jìn)行頁(yè)面制作的時(shí)候，經(jīng)常會(huì)需要制作彈窗界面，那么如何使用EasyUI制作彈窗界面呢？下面小編給大家分享一下。

工具/材料

Eclipse

操作方法

• 01

  首先我們?cè)贓clipse中新建一個(gè)Web項(xiàng)目，然后導(dǎo)入EasyUI的庫(kù)文件夾，如下圖所示

  
• 02

  接下來(lái)新建一個(gè)HTML5文件，主要在這個(gè)文件中進(jìn)行彈窗的制作，如下圖所示

  
• 03

  然后在HTML5界面中先導(dǎo)入Jquery腳本，接著在導(dǎo)入easyui的腳本文件，如下圖所示

  
• 04

  接下來(lái)我們運(yùn)用link元素導(dǎo)入easyui的樣式文件，如下圖所示

  
• 05

  接著如果界面中有中文內(nèi)容的話，還需要導(dǎo)入easyui的中文腳本文件，如下圖所示

  
• 06

  然后我們?cè)赽ody區(qū)域中添加一個(gè)p，給p一個(gè)easyui-dialog的樣式，如下圖所示

  
• 07

  接著我們運(yùn)行界面，你就會(huì)看到一個(gè)easyui的彈窗界面就制作好了，如下圖所示

  
• 08

  最后我們還可以在JS腳本中手動(dòng)控制easyui彈窗的生成，主要是通過(guò)dialog方法實(shí)現(xiàn)的，如下圖所示