如何使用EasyUI生成弹窗界面

我们在进行页面制作的时候,经常会需要制作弹窗界面,那么如何使用EasyUI制作弹窗界面呢?下面小编给大家分享一下。

操作方法

  • 01

    首先我们在Eclipse中新建一个Web项目,然后导入EasyUI的库文件夹,如下图所示

  • 02

    接下来新建一个HTML5文件,主要在这个文件中进行弹窗的制作,如下图所示

  • 03

    然后在HTML5界面中先导入Jquery脚本,接着在导入easyui的脚本文件,如下图所示

  • 04

    接下来我们运用link元素导入easyui的样式文件,如下图所示

  • 05

    接着如果界面中有中文内容的话,还需要导入easyui的中文脚本文件,如下图所示

  • 06

    然后我们在body区域中添加一个div,给div一个easyui-dialog的样式,如下图所示

  • 07

    接着我们运行界面,你就会看到一个easyui的弹窗界面就制作好了,如下图所示

  • 08

    最后我们还可以在JS脚本中手动控制easyui弹窗的生成,主要是通过dialog方法实现的,如下图所示

(0)

相关推荐

  • 弹窗设计的5条基本原则

    当你将弹窗设计及使用得恰到好处时,它们就会是非常有效的用户界面元素.它们能帮助用户快速且便捷地达成目标.然而当错误使用时,弹窗却会困扰你的用户.学会如何设计弹窗,会帮助你在使用时避免那些可能对用户造成 ...

  • Wps文字中怎么生成链接或者二维码进行分享

    Wps文字中怎么生成链接或者二维码进行分享? Wps文中中,编辑完成的Wps文字文档,不要通过生成的链接或者二维码进行分享.那么,需要怎么设置呢?一起来了解下吧! 操作方法 01 1.在计算机桌面的W ...

  • "好照片"图片编辑软件试用:只为好照片

    “好照片”简介 在苹果App Store中国区商店内,有一款非常优秀的照片拍摄以及编辑App,名字叫做“好照片”。该App的介绍中写道“一切为了好照片! 这是一款全能型图片处理应用,它将带给你全新的图 ...

  • 用汇编去除Autoplay Menu Builder闪屏方法

    Autoplay Menu Builder闪屏除去方法,目前 7.1 及以下版本均适合。但是对于一个完全不懂汇编的来说,看起来还是些许有些一头雾水。于是在此整理了一份傻瓜式截图,有需要的大家照着做就是 ...

  • 怎样缩短网址

    首先,我们打开百度首页。在搜索框中输入“网址缩短工具”,然后点击搜索,就会出现如下的界面。第一个地址就是我们要使用的网址地址缩短工具了。一个叫“网址缩短”,一个叫“批量网址缩短”。 点击“网址缩短”, ...

  • Facebook开放购物Groups工具新增"销售"按钮

    年年底有报道称社交网络巨头Facebook悄然测试全新的购物工具,能帮助用户更方便地在Groups组中购买或者销售商品,而今天这项工具正式面向所有用户开放。在“撰写”(post)按钮的旁边新增了“销售 ...

  • USB宝盒新技能,快速管理手机文件

    USB宝盒是一款便捷管理USB设备,硬件驱动修复,一键制作USB启动盘的软件。在前几版的更新中,USB宝盒添加了免费WiFi功能,只要你的电脑网络通信正常且有无线网卡,它就能正常为你开启电脑系统本身隐 ...

  • USB宝盒巧使用快速管理手机上的照片和音乐

    首先,您在官网上下载安装一个最新版的USB宝盒,安装运行后,用数据线连接手机和电脑,双击安卓小图标让USB宝盒接入手机。 然后会弹出一个手机管理的弹窗界面,里面可以很清楚的显示手机系统版本、存储量、以 ...

  • wps文字如何使用二维码功能

    wps文字使用二维码功能的方法 1.在计算机桌面的Wps文字图标上双击鼠标左键,将其打开运行.并打开需要编辑或者修改的Wps文字文档.如图所示; 2.在Wps文字的程序窗口,点击顶部的"未登 ...