Dreamweaver MX 2004 行为之显示/隐藏层

dreamweaver|显示

· 显示-隐藏层

  “显示-隐藏层”动作显示、隐藏或恢复一个或多个层的默认可见性。此动作用于在用户与页进行交互时显示信息。“显示-隐藏层”还可用于创建预先载入层,即一个最初挡住页的内容的较大的层,在所有页组件都完成载入后该层即消失(可做一个广告效果,记得在新浪见过这样的广告)。

  “显示-隐藏层”动作,具体操作:

  选择“插入”-->>“布局对象”-->>“层”然后在“文档”窗口中绘制一个层。

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

  在“文档”窗口中单击取消对层的选择,然后打开“行为”面板。

  单击加号 (+) 按钮并从“动作”弹出菜单中选择“显示-隐藏层”。

在“命名的层”列表中选择要更改其可见性的层。单击“显示”以显示该层、单击“隐藏”以隐藏该层、或单击“默认”以恢复层的默认可见性。 如图:

  对所有剩下的此时要更改其可见性的层重复以上步骤。

单击“确定”。这时的行为面板如图所示:

  具体应用,当指向一个图片时显示隐藏的层,具体制作步骤:

  1.插入一个事先准备好的图片;

  2.选择“插入”-->>“布局对象”-->>“层”,在层内图片的说明文本。

  在“文档”窗口中单击取消对层的选择,然后打开“行为”面板。从“动作”弹出菜单中选择“显示-隐藏层”。

在“命名的层”列表中,单击“隐藏”隐藏该层。

  3.选择图片,打开行为面板。单击加号 (+) 按钮并从“动作”弹出菜单中选择“显示-隐藏层”。单击“隐藏”按钮如下图,单击确定。

  4.重复上述步骤,单击加号 (+) 按钮并从“动作”弹出菜单中选择“显示-隐藏层”。单击“显示”按钮如下图,单击确定。

  5.设置行为面板如下图:

  保存按F12可以预览到效果:当鼠标移入图片时,显示相关说明文本。

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

  在“插入”栏的“常用”类别中单击“绘制层”按钮,然后在“文档”窗口的“设计”视图中绘制一个较大的层。 该层一定要覆盖页上的所有内容。

  在“层”面板中,将该层名称拖到层列表的顶部以指定该层应该在堆叠顺序的最前面。如果未选择,则选择该层,并使用层属性检查器中最左边的文本框将其命名为“load”。

  在层仍处于选中状态时,在属性检查器中将层的背景颜色设置为与页背景相同的颜色。

  如果需要,在层中(该层现在应该挡住其余的页内容)单击并键入消息。 例如“请稍候,正在载入页”或“正在载入...”,这些消息提示访问者正在发生的操作,以便他们知道该页包含有内容。

  单击“文档”窗口左下角标签选择器中的 <body> 标签。

  在“行为”面板中,从“动作”弹出菜单中选择“显示-隐藏层”。

  从“命名的层”列表中选择名为“load”的层。单击“隐藏”。

单击“确定”。

  确保行为列表中“显示-隐藏层”动作旁边列出的事件是 onLoad。(一般情况下都是默认onload,如果不是我们可以更改。)

  这时保存文档,按F12预览效果吧。

  别忘了我们是在学习啊!打开相应的在代码视图看看文件中新增加的代码,这样我们可以熟悉代码了啊.

时间: 2024-12-23 22:33:15

Dreamweaver MX 2004 行为之显示/隐藏层的相关文章

Dreamweaver MX 2004 行为之显示弹出菜单

dreamweaver|菜单|显示 · 显示弹出菜单 弹出菜单通常是在Web页中由鼠标来触发的一种菜单导航效果,当鼠标移动到导航对象上,就会显示弹出菜单.当鼠标从导航对象上移开,弹出菜单自动消失. 若要查看文档中的弹出菜单,您必须在浏览器窗口中打开该文档,然后将鼠标指针滑过触发图像或链接. 制作弹出弹出菜单具体制作过程: 选择要附加该行为的对象并打开"行为"面板,从"动作"中选择"显示弹出菜单".如图: 在出现的"显示弹出菜单"

菜鸟学用Dreamweaver MX 2004行为(15)显示弹出菜单

dreamweaver|菜单|显示 本站原创内容,转载请注明出处网页教学网. 显示弹出菜单 弹出菜单通常是在Web页中由鼠标来触发的一种菜单导航效果,当鼠标移动到导航对象上,就会显示弹出菜单.当鼠标从导航对象上移开,弹出菜单自动消失. 若要查看文档中的弹出菜单,您必须在浏览器窗口中打开该文档,然后将鼠标指针滑过触发图像或链接. 制作弹出弹出菜单具体制作过程: 选择要附加该行为的对象并打开"行为"面板,从"动作"中选择"显示弹出菜单".如图: 在出

菜鸟学用Dreamweaver MX 2004行为教程

dreamweaver|教程 1.菜鸟学用Dreamweaver MX 2004行为(16)设置文本 [2005-03-08]     2.菜鸟学用Dreamweaver MX 2004行为(15)显示弹出菜单 [2005-03-08]     3.菜鸟学用Dreamweaver MX 2004行为(14)预先载入图象 [2005-03-08]     4.菜鸟学用Dreamweaver MX 2004行为(13)拖动层 [2005-03-08]     5.菜鸟学用Dreamweaver MX

Dreamweaver MX 2004 入门教程之层和层的应用

dreamweaver|教程|入门教程 层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置.层可以包 含文本.图像或其它 HTML 文档.层的出现使网页从二维平面拓展到三维.可以使页面上元素 进行重叠和复杂的布局.首先,请看下图: 我们首先来做一个层 1. 在「窗口」菜单>选"层",或点「插入」菜单>布局对象>选"层". 2. 在页面中显示一个层. 3. 通过周围的黑色调整柄拖动控制层的大小 4. 拖动层左上角的选择柄可以

Dreamweaver MX 2004入门教程层及应用

dreamweaver|教程|入门教程 层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置.层可以包含文本.图像或其它 HTML 文档.层的出现使网页从二维平面拓展到三维.可以使页面上元素进行重叠和复杂的布局.首先,请看下图: 我们首先来做一个层 1. 在「窗口」菜单>选"层",或点「插入」菜单>布局对象>选"层". 2. 在页面中显示一个层. 3. 通过周围的黑色调整柄拖动控制层的大小 4. 拖动层左上角的选择柄可以移动

Dreamweaver MX 2004 入门教程之层及应用

dreamweaver|教程|入门教程 本站原创内容,转载请注明出处网页教学网. 层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置.层可以包 含文本.图像或其它 HTML 文档.层的出现使网页从二维平面拓展到三维.可以使页面上元素 进行重叠和复杂的布局.首先,请看下图: 我们首先来做一个层 1. 在「窗口」菜单>选"层",或点「插入」菜单>布局对象>选"层". 2. 在页面中显示一个层. 3. 通过周围的黑色调整柄拖动控

Dreamweaver MX 2004做ASP程序(3)显示数据库的数据

dreamweaver|程序|数据|数据库|显示 1.打开Dreamweaver MX 2004,在站点里面先新建个ASP页面(index.asp),选择新建项目中的"ASP Javascript".打开应用程序面板,在"应用程序"面板中选中"数据库"标签.只要我们在前面建立了站点,选择了文档类型(即我们选的ASP Javascript的),并且还测试了服务器(http://localhost/myweb/).那现在就点击"+"

Dreamweaver MX 2004从零开始(5)

dreamweaver 用行为丰富网页效果 行为可以说是Dreamweaver MX 2004中最有特色的功能,它可以让你不用书写一行JavaScript代码即可实现多种动态网页效果.行为的关键在于Dreamweaver MX 2004中提供了很多动作,其实就是标准的JavaScript程序,每个动作可以完成特定的任务.这样,如果你所需要的功能在这些动作中,那么就不要自己编写JavaScript程序了. 弹出消息框 如果希望别人进入网站首页的时候可以看见一个弹出的消息框来显示一些内容,则可以通过

Dreamweaver MX 2004从零开始

dreamweaver 随着Internet的普及,很多人已经不满足于仅仅上网冲浪,而希望深入地参与其中.现在,拥有自己的Web网站已经成为一种潮流.虽然制作一个简单的网页并不困难,但是制作出超凡脱俗的网站就不那么容易了,因此我们特意为大家准备了最新网站设计软件Dreamweaver MX 2004的系列教程,希望对大家有所帮助. 通常在一个网站中会有几十甚至几百个风格基本相似的页面,如果每次都重新设定网页结构以及相同栏目下的导航条.各类图标就显得非常麻烦,不过我们可以借助Dreamweaver