我們在進(jìn)行頁面制作的時候，經(jīng)常會需要制作彈窗界面，那么如何使用EasyUI制作彈窗界面呢？下面小編給大家分享一下 。
工具/材料Eclipse
操作方法01、首先我們在Eclipse中新建一個Web項目，然后導(dǎo)入EasyUI的庫文件夾，如下圖所示
02、接下來新建一個HTML5文件 ， 主要在這個文件中進(jìn)行彈窗的制作，如下圖所示
03、然后在HTML5界面中先導(dǎo)入Jquery腳本，接著在導(dǎo)入easyui的腳本文件，如下圖所示
04、接下來我們運用link元素導(dǎo)入easyui的樣式文件 ， 如下圖所示
【如何使用EasyUI生成彈窗界面】05、接著如果界面中有中文內(nèi)容的話，還需要導(dǎo)入easyui的中文腳本文件，如下圖所示
06、然后我們在body區(qū)域中添加一個div，給div一個easyui-dialog的樣式，如下圖所示
07、接著我們運行界面，你就會看到一個easyui的彈窗界面就制作好了 ， 如下圖所示
08、最后我們還可以在JS腳本中手動控制easyui彈窗的生成 ， 主要是通過dialog方法實現(xiàn)的，如下圖所示
推薦閱讀
- PS如何扣取印章添加到word圖文詳細(xì)教程
- 龍ol如何獲取幫會貢獻(xiàn)
- Excel表格中如何排名？
- 如何自己制作手機APP軟件
- cad如何修改比例因子
- 如何知道自己是被微信好友刪除還是拉黑
- 如何用Echarts制作標(biāo)準(zhǔn)折線圖
- 電腦如何裝系統(tǒng)？
- 聯(lián)想T1使用鍵盤對焦
- 豌豆莢怎么使用