Show-Hide Layers action 可以一次让多个层显示、隐藏或恢复默认可视属性。这个 action 对于当用户与页面互动的时候显示信息是非常的有用的。例如,当用户鼠标滑过一幅植物的图像时,你可以显示一个层,在该层上提供有关该植物省长季节,地域,需要阳光的多少,能长多大,等详细介绍。
Show-Hide Layers 对于建立预载层也是十分有用的,也就是说,先用一个较大的层在开始的时候令页面显得暗淡,等到所有的页面部件全部下载完成后,该层就自动消失。
如何使用 Show-Hide Layers action:
1 | 选择 Insert > Layer,或者点击对象面板上的 Layer 按钮,然或在文档窗拖绘一个层出来。 |
重复这一操作创建其它需要的层。 | |
2 | 点击文档窗,取消对层的选取,然后打开 Behavior 面板。 |
3 | 点击加号 (+) 按钮,从 Actions 弹出菜单中选择 Show-Hide Layers。 |
如果 Show-Hide Layers 无法使用,可能是还有层被选取。由于层在 4.0 的浏览器中是不接受事件的,所以你必须选取不同的对象 如 BODY 标签或者链接 (A 标签) 或者在 Events For 弹出菜单中更换目标浏览器。 |
|
4 | 从 Named Layers 列表选取你要修改可视属性的层。 |
5 | 点击 Show 显示层,Hide 隐藏层,或者点击 Default 恢复层的默认可视性。 |
6 | 重复步骤 4 和 5 来处理所有你要修改的其它的层。 |
7 | 点击 OK。 |
8 | 检查默认事件是否你所需要的。如果不是,从弹出菜单中另选一个。 |
如果找不到你需要的事件,就要在 Events For 弹出菜单中更换目标浏览器了。 | |
![]() |
当在 Netscape Navigator 浏览器窗口查看的时候,层可能会缩小以满足内容的要求。为防止此类现象发生,可以给层上添加一些图像或文本,或者设置层的剪切值。
如何创建预载层:
1 | 点击对象面板上的 Layer 按钮,在文档窗拖绘出一个较大的层出来。 |
确保该层覆盖了所有页面上的内容。 | |
2 | 在 Layer 面板上,拖拽该层到层名字列表的最上边,指定该层在所有叠放的层的最上边。 |
3 | 在属性面板最左边的文本填框中将该层命名为 loading 。 |
4 | 仍然选取该层,设定该层的背景色同页面背景色一致。![]() |
5 | 如果需要,点击层内任意地方(这是页面上其它的内容应该是灰暗的),输入信息。 |
例如,"Please wait while the page loads" or "Loading...", 告诉用户现在的操作目的,让他们明白该页包含有正在下载的内容。 | |
6 | 点击文档窗左下角标签选取器上的 <body> 标签。 |
7 | 在 Behavior 面板上从 Actions 弹出菜单中选取 Show-Hide Layers。 |
8 | 从 Named Layers 列表上选取名为 loading 的层。 |
9 | 点击 Hide。 |
10 | 点击 OK。 |
![]() |