显示 ― 隐藏层

"显示-隐藏层"动作显示、隐藏或恢复一个或多个层的默认可见性。此动作用于在用户与页进行交互时显示信息。例如,当用户将鼠标指针滑过一个植物的图像时,您可以显示一个层给出有关该植物的生长季节和地区、需要多少阳光、可以长到多大等详细信息。

"显示-隐藏层"还可用于创建预先载入层,即一个最初挡住页的内容的较大的层,在所有页组件都完成载入后该层即消失。

若要使用"显示-隐藏层"动作,请执行以下操作:

  1. 选择"插入">"层"或单击插入栏中的"层"按钮,然后在"文档"窗口中绘制一个层。

    重复此步骤来创建其它的层。

  2. 在"文档"窗口中单击取消对层的选择,然后打开"行为"面板。
  3. 单击加号 (+) 按钮并从"动作"弹出菜单中选择"显示-隐藏层"。

    如果"显示 隐藏层"不可用,则可能是因为您选择了层。因为层在两个 4.0 版本的浏览器中都不接受事件,所以您必须选择一个不同的对象-如 body 标签或链接(a 标签)-或在"显示事件"弹出式菜单中将目标浏览器更改为 Internet Explorer 4.0。

  4. 在"命名的层"列表中选择要更改其可见性的层。
  5. 单击"显示"以显示该层、单击"隐藏"以隐藏该层、或单击"默认"以恢复层的默认可见性。
  6. 对所有剩下的此时要更改其可见性的层重复第 4 步和第 5 步。(您可以通过单个行为更改多个层的可见性。)
  7. 单击"确定"。
  8. 检查默认事件是否是所需的事件。

    如果不是,请从弹出式菜单中选择另一个事件。如果未列出所需的事件,则在"显示事件"弹出菜单中更改目标浏览器。

当在 Netscape Navigator 浏览器窗口中查看时,层可能会收缩以适应内容。若要防止这种情况的发生,请将文本或图像添加到层中,或设置层剪贴值。

若要创建预先载入层,请执行以下操作:

  1. 在"插入"栏的"常用"类别中单击"绘制层"按钮,然后在"文档"窗口的"设计"视图中绘制一个较大的层。

    该层一定要覆盖页上的所有内容。

  2. 在"层"面板中,将该层名称拖到层列表的顶部以指定该层应该在堆叠顺序的最前面。
  3. 如果未选择,则选择该层,并使用层属性检查器中最左边的文本框将其命名为 "loading"。
  4. 在层仍处于选中状态时,在属性检查器中将层的背景颜色设置为与页背景相同的颜色。



  5. 如果需要,在层中(该层现在应该挡住其余的页内容)单击并键入消息。

    例如"请稍候,正在载入页"或"正在载入...",这些消息提示访问者正在发生的操作,以便他们知道该页包含有内容。

  6. 单击"文档"窗口左下角标签选择器中的 <body> 标签。
  7. 在"行为"面板中,从"动作"弹出菜单中选择"显示-隐藏层"。
  8. 从"命名的层"列表中选择名为"loading"的层。
  9. 单击"隐藏"。
  10. 单击"确定"。
  11. 确保行为列表中"显示-隐藏层"动作旁边列出的事件是 onLoad。(如果不是,选择该事件并单击显示在事件和动作之间指向下方的三角形。从弹出菜单的事件列表中选择 onLoad。)



未找到评论

 

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://www.ecnnl.com/doc/dreamweaver/8_cn/using/19_jsb30.htm

 

E中荷|荷兰华人电子商务