| 打开浏览器窗口
使用“打开浏览器窗口”动作在一个在新的窗口中打开指定的URL。您可以指定新窗口的属性(包括其大小)、特性(它是否可以调整大小、是否具有菜单栏等)和名称。
如果不指定该窗口的任何属性,在打开时它的大小和属性与打开它的窗口相同。指定窗口的任何属性都将自动关闭所有其它未显式打开的属性。例如,如果您不为窗口设置任何属性,它将以 800 x 600 像素的大小打开并具有导航条、地址工具栏、状态栏和菜单栏。如果您将宽度显式设置为 400、将高度设置为 300 并不设置其它属性,则该窗口将以 400 x 300 像素的大小打开,并且不具有任何导航条、地址工具栏、状态栏、菜单栏、调整大小手柄和滚动条。
具体制作过程:
创建一个按钮对象,选择对象并打开“行为”面板:
单击“浏览”选择一个文件,或输入要显示的 URL。
设置以下任一选项:
窗口宽度指定窗口的宽度(以像素为单位)。窗口高度指定窗口的高度(以像素为单位)。
导航工具栏是一行浏览器按钮(包括“后退”、“前进”、“主页”和“重新载入”)。
地址工具栏是一行浏览器选项(包括地址文本框)。
状态栏是位于浏览器窗口底部的区域,在该区域中显示消息。
菜单栏是浏览器窗口上显示菜单(例如“文件”、“编辑”、“查看”、“转到”和“帮助”)的区域。如果您不设置此选项,则在新窗口中用户只能关闭或最小化窗口。
需要时显示滚动条指定如果内容超出可视区域应该显示滚动条。如果不显式设置此选项,则不显示滚动条。如果“调整大小手柄”选项也关闭,则访问者将不容易看到超出窗口原始大小以外的内容。
调整大小手柄指定用户应该能够调整窗口的大小,方法是拖动窗口的右下角或单击右上角的最大化按钮。如果未显式设置此选项,则调整大小控件将不可用,右下角也不能拖动。
窗口名称是新窗口的名称。如果您要通过 javascript 使用链接指向新窗口或控制新窗口,则应该对新窗口进行命名。此名称不能包含空格或特殊字符。
单击“确定”,点击F12预览。
相应的在代码视图中增加的代码,我们可以熟悉一下: 显示-隐藏层
“显示-隐藏层”动作显示、隐藏或恢复一个或多个层的默认可见性。此动作用于在用户与页进行交互时显示信息。“显示-隐藏层”还可用于创建预先载入层,即一个最初挡住页的内容的较大的层,在所有页组件都完成载入后该层即消失(可做一个广告效果,记得在新浪见过这样的广告)。
“显示-隐藏层”动作,具体操作:
选择“插入”-->>“布局对象”-->>“层”然后在“文档”窗口中绘制一个层。
重复此步骤可以创建其它的层。
在“文档”窗口中单击取消对层的选择,然后打开“行为”面板。
单击加号 (+) 按钮并从“动作”弹出菜单中选择“显示-隐藏层”。
在“命名的层”列表中选择要更改其可见性的层。单击“显示”以显示该层、单击“隐藏”以隐藏该层、或单击“默认”以恢复层的默认可见性。 如图:
对所有剩下的此时要更改其可见性的层重复以上步骤。
单击“确定”。这时的行为面板如图所示:
具体应用,当指向一个图片时显示隐藏的层,具体制作步骤:
1.插入一个事先准备好的图片;
2.选择“插入”-->>“布局对象”-->>“层”,在层内图片的说明文本。
在“文档”窗口中单击取消对层的选择,然后打开“行为”面板。从“动作”弹出菜单中选择“显示-隐藏层”。
在“命名的层”列表中,单击“隐藏”隐藏该层。
3.选择图片,打开行为面板。单击加号 (+) 按钮并从“动作”弹出菜单中选择“显示-隐藏层”。单击“隐藏”按钮如下图,单击确定。
4.重复上述步骤,单击加号 (+) 按钮并从“动作”弹出菜单中选择“显示-隐藏层”。单击“显示”按钮如下图,单击确定。
5.设置行为面板如下图:
保存按F12可以预览到效果:当鼠标移入图片时,显示相关说明文本。
若要创建预先载入层,请执行以下操作:
在“插入”栏的“常用”类别中单击“绘制层”按钮,然后在“文档”窗口的“设计”视图中绘制一个较大的层。 该层一定要覆盖页上的所有内容。
在“层”面板中,将该层名称拖到层列表的顶部以指定该层应该在堆叠顺序的最前面。如果未选择,则选择该层,并使用层属性检查器中最左边的文本框将其命名为“load”。
在层仍处于选中状态时,在属性检查器中将层的背景颜色设置为与页背景相同的颜色。
如果需要,在层中(该层现在应该挡住其余的页内容)单击并键入消息。 例如“请稍候,正在载入页”或“正在载入...”,这些消息提示访问者正在发生的操作,以便他们知道该页包含有内容。
单击“文档”窗口左下角标签选择器中的 <body> 标签。
在“行为”面板中,从“动作”弹出菜单中选择“显示-隐藏层”。
从“命名的层”列表中选择名为“load”的层。单击“隐藏”。
单击“确定”。
确保行为列表中“显示-隐藏层”动作旁边列出的事件是 onLoad。(一般情况下都是默认onload,如果不是我们可以更改。)
这时保存文档,按F12预览效果吧。
别忘了我们是在学习啊!打开相应的在代码视图看看文件中新增加的代码,这样我们可以熟悉代码了啊! |