我們在進行頁面制作的時候，經(jīng)常會需要制作彈窗界面，那么如何使用EasyUI制作彈窗界面呢？下面小編給大家分享一下。

工具/材料

Eclipse

操作方法

• 01

  首先我們在Eclipse中新建一個Web項目，然后導(dǎo)入EasyUI的庫文件夾，如下圖所示

  
• 02

  接下來新建一個HTML5文件，主要在這個文件中進行彈窗的制作，如下圖所示

  
• 03

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

  
• 04

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

  
• 05

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

  
• 06

  然后我們在body區(qū)域中添加一個p，給p一個easyui-dialog的樣式，如下圖所示

  
• 07

  接著我們運行界面，你就會看到一個easyui的彈窗界面就制作好了，如下圖所示

  
• 08

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