点击弹出对话框

对话框定位

对话框可以实现的不仅仅是弹窗,也可以用来定位。

1. 对话框简单设置

操作1:进入wide图形编辑界面,在编辑部分随意输入一些文字或者添加图片。

操作2:选中图片,给图片添加一个超链接。

操作3:选中图片,在下方蓝色条中点击a,选择之后弹出选项菜单。

操作4:在弹出的菜单栏中,选择“触发器”,会出现子菜单。

在触发器的子菜单中选择对话框,点击图片时就会弹出对话框路径。效果如下:

2. 对话框打开设置

操作1:选中图片,在下方蓝色条上选中a,出现菜单栏,点击对话框打开属性选项。

操:2:弹出对话框。

如图所示,没有勾选点击背景关闭,那么对话框打开后,点击背景将不会关闭。红色区域是设置对话框点击背景时是否关闭

效果如下:

如图所示,没有勾选ESC关闭,那么对话框打开后,使用键盘按ESC将不会关闭。

效果如下

红色区域选项暂时被禁用

3. 对话框设置

操作1:点击图片,打开对话框,在对话框上右键,出现菜单栏,选择对话框属性选项。

操作2:选择对话框属性选项,弹出对话框。

操作3:对话框属性设置;如图所示,勾选了显示标题栏,不勾选显示页尾。红色区域是设置是否显示对话框的标题栏和页尾

效果如下:

操作4:如图所示,设置了宽度为200px,高度为200px 。红色区域是设置对话框的宽度和高度的

效果如下:

操作5:如图所示,设置了左边位置为200px,这是对话框弹出的位置会在之前的基础上向右移动200px。红色区域是设置相对于对话框弹出的位置,上下左右四个方向的偏移

效果如下:

如图所示,设置了margin上边距为200px,那么对话框的弹出位置距离页面上边就有200px的距离,红色区域是设置对话框弹出位置相对于页面的位置即设置对话框弹出框与页面上下左右之间的距离

效果如下: