在Dreamweaver​中如何设计弹窗？

设计弹窗

第1步，启动Dreamweaver CC,打开本节orig.html文件，另存为effect.html。该页面是一个游， 戏网站主页，主要以文字信息列表和图片为主。

第2步，在页面中选择一个对象，如<>标签，作为事件控制的对象。也可以不选，然后单击； “行为”面板中的+.按钮，从弹出的下拉菜单中选择“打开浏览器窗口”命令，打开“打开浏览器窗： 口”对话框。

第3步，在“要显示的URL”文本框中设置在新窗口中载入的目标URL地址（可以是网页也可 以是本地文件，如图像或者多媒体文件等），或者单击“浏览”按钮，用浏览的方式选择这里选择了一个图像images/adv.png。

第4步，在“窗口宽度”文本框中设置窗口的宽度（以像素为单位)，在“窗口高度”文本框中 指定新窗口的高度，这里设置宽度为3MPX，髙度为233px。

第5步，在“属性”选项区域设置窗口显示属性。这里不选中任何复选框，仅显示一个简单的窗口。

这提示：在“属性”选项区域内，各个选项说明如下。

“导航工具栏”复选框：是一组浏览器按钮，包括K后退”、“前进”、“主页”和 “重新载入”按钮。

“地址工具栏M复选框：是一组浏览器选项，包括地址文本框等.

“状态栏”复选框：是位于浏览器窗口底部的区域，在该区域中显示消息，如剩余的 载入时间以及与链接关联的URL等。

“菜单条”复选框：是浏览器窗口上显示的菜单，如“文件”、“编辑”、“查看”、 “转到”和“帮助”的区咸,如果要让访问者能够从新窗口导航，用户应该选中此复 选框.如果不选中，则在新窗口中，用户只能关闭或最小化窗口。

“需要时使用滚动条”复选框：指定如果内容超出可视区域应该显示滚动条„如果不. 选中此复选框，则不显示滚动条。如果“调整大小手柄’，复选框也未选中，则访问者 将很难看到超出窗口原始大小以外的内容。

“调整大小手柄”复选框：指定用户应该能够调整窗口的大小，方法是拖动窗口的右 下角或单击右上角的最大化按钮。如果未选中此复选框，则调整大小控件将不可用， 右下角也不能拖动，

第6步，在“窗口名称”文本框中设置新窗口的名称。如果用户希望通过JavaScript使用链接指 向新窗口或控制新窗口，则应该对新窗口进行命名=此名称不能包含空格和特殊字符。设置完毕后的对话框如图所示。

第7步，单击“确定’，按钮’则在“行为”面板中会增加一个动作，然后在“行为”面板中调整 事件为onLoad。设置完毕，保存并预览网页，会自动打开新窗口，在窗口中显示提示信息。