如何使用EasyUI生成彈窗界面

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

工具/材料

Eclipse

操作方法

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

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

然後在HTML5界面中先導入Jquery腳本，接着在導入easyui的腳本文件，如下圖所示

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

接着如果界面中有中文內容的話，還需要導入easyui的中文腳本文件，如下圖所示

然後我們在body區域中添加一個div，給div一個easyui-dialog的樣式，如下圖所示

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

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