添加行为特效

《添加行为特效》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、添加行为特效本章要求1．掌握层布局网页的方法，能创建层、设置层属性、操作层2．熟悉层与表格的互相转换3．了解行为的概念4．了解各种行为的功能和适用对象5．熟悉常见的事件和动作的含义重点：创建层、多个层的编排、使用行为。难点：层与表格转换时对页面布局的影响、多种行为相结合制作网页特效。一、利用层对网页布局1.插入层在Dreamweaver插入层的方法有如下两种：1）将光标插入点定位到所需位置，然后选择【插入】→【布局对象】→【层】命令即可。2）将插入栏切换到“布局”插入栏，单击“描绘层”按钮，此时光标插入点变为形状，在网页中按住鼠标左键拖动即可绘制一个层。2.插入嵌套层使用插入或拖动的

2、方法可以创建嵌套层。被嵌套的层将继承父层的属性特征，如可见性和相对位置关系。（1）直接创建嵌套层首先创建一个层（选择“描绘层”按钮，直接拖动鼠标画出层）。单击层以激活该层，使插入点确定在层中，按住“Alt”键，再创建一个层，即可。先创建的为父层。（插入/布局对象/层）。窗口/层（F2），打开层面板，可以看到层间的嵌套关系。（2）将已有的层转变为嵌套层执行窗口/层，打开层面板；选中一个层，按住“Ctrl”拖动，将所选层拖动到目标层上。3.编辑层创建的层通常还需对其进行大小调整、移动等操作才能满足网页制作的要求。1）选中层选中层后才能对该层进行操作和设置，下面将介绍层的选中方法。单个层的

3、选中选中单个层，可在窗口中单击该层边框或在“层”面板（按【F2】键可打开“层”面板）中单击要选中层的名称，也可按住【Ctrl+Shift】键在该层中单击。选中层后，在“层”面板中会以反白显示该层名称。多个层的选中需选中多个层时可按住【Shift】键依次在层中或层边框上单击，也可按住【Shift】键依次在“层”面板中单击层的名称。2）拖动层选择需移动的层，将鼠标光标移到层边框上，当其变为形状时按住鼠标左键将其拖动到需要的位置后释放鼠标即可。3）对齐层对齐层的操作比较简单，选中需对齐的层，选择【修改】→【对齐】命令中的相应命令即可，其中包括“左对齐”、“右对齐”、“对齐上缘”、“对齐下缘

4、”等命令。左对齐：在水平方向所有层与最后选中层的左边缘对齐。右对齐：在水平方向所有层与最后选中层的右边缘对齐。对齐上缘：在垂直方向所有层与最后选中层的上边缘对齐。对齐下缘：在垂直方向所有层与最后选中层的下边缘对齐。1）调整层的大小在网页制作过程中，通常创建的层的大小都不符合要求，需对其进行大小的调整。下面分别介绍调整单个层和多个层的方法。单个层的大小调整调整单个层的大小有两种常用方法，一是选中层，在“属性”面板的“宽”、“高”文本框中输入所需的宽度和高度值；二是将鼠标光标移至层的边缘，当光标变为、、或形状时按住鼠标左键不放，将其拖动到所需大小后释放鼠标即可。多个层的大小调整选择需调整

5、大小的多个层，然后选择【修改】→【对齐】命令中的“设成宽度相同”或“设成高度相同”命令，则所有选择的层将设置为最后选择层的宽度或高度。4.设置层的属性（1）层的属性面板说明层编号：用于设置层的名字。层名只能包含英文和数字，不能以数字开头；左、上、宽、高：用来说明位置和大小；Z轴：指定层与层间的Z编号。Z轴值较大的层出现在编号较小的层的上面；（重叠时才有意义）。可见性：Default默认属性；Inherit继承父层的可见性属性；Visible显示层的内容，忽略父层是否可见；Hidden隐藏层的内容，忽略父层是否可见。背景图像和背景颜色：设置层的背景溢出：指定当层的内容超过层的指定大小时

6、的处理方法。“可见”指定增加层的大小，使层的内容可见，（会向下和向右）；“隐藏”指定保持层的大小，不在浏览器中显示超出层范围的内容；“滚动”指定浏览器在层上添加滚动条；“自动”使浏览器仅在需要时，即层的内容超出其边界时自动显示滚动条。剪接：定义层的可见区域。指定左侧、顶部、右侧、底边坐标。（2）层的管理面板窗口/层可以防止层重叠；通过层左侧的眼睛可以控制可见性。没有眼睛表示继承父层可见性，若该层无父层，则继承文档主体的可见性。可以改变Z值，改变层的堆叠。一、认识行为的事件和动作与行为相关的有三个重要的部分：对象、事件和动作。1.对象：是产生行为的主体。2.行为是事件和动作的联合。行为

7、被规定附属于页面上的某个特定的元素中。事件：是浏览器产生的信息，指示网页的访问者执行了某种操作。例如：当浏览者的鼠标从链接上经过时，浏览器就为该链接产生一个onmousemove事件，当该链接的事件发生后，浏览器就检查是否有调用的javascript脚本代码。动作：就是由预先编写的javascript脚本代码组成的，指定特定的任务。例如：弹出对话框、播放声音或停止播放shockwave影片等。三、事件1.onClick：当用户单击了指定的页面元素，如链接、