网页设计与制作基础教程.pptVIP

11.4.2动态滤镜二、动态滤镜的属性、方法和事件使用动态滤镜之前必须先了解动态滤镜的属性、方法和事件，因为播放动态滤镜需要使用Scripts（VBScript、JavaScript均可）编写一段控制程序。(1) 属性? duration：图像转换的延迟时间，最小单位是毫秒，也就是小数点后第3位。若其单位是秒，则值为自然数。? enabled：指定是否应用滤镜效果，0表示不应用，非0表示应用。? status：传回一个转换状态，0表示转换停止，1表示显示应用的转换滤镜，2表示正在转换中。(2) 方法? Apply：将滤镜应用到对象上。? Play：开始转换。? Stop：停止转换。(3) 事件? OnFilterChange：当滤镜发生改变或是滤镜完成时所触发的事件。11.4.3可应用CSS滤镜的HTML标签CSS滤镜并不是只能施加给网页中的图像，对其他的元素同样有效，但也不是所有的HTML标签都可以施加CSS滤镜。详见教材表11-7。11.5创建和应用CSS样式选择【窗口】/【CSS样式】命令打开【CSS样式】面板，单击面板右下角的（新建CSS规则）按钮，打开【新建CSS规则】对话框，根据需要设置选项。单击按钮打开【CSS规则定义】对话框进行设置即可。11.5创建和应用CSS样式选中要应用CSS样式的内容，然后在【属性】面板的【样式】下拉列表中选择已经创建好的样式。一般情况下，在【CSS样式】面板中创建的样式都会在【属性】面板的【样式】下拉列表中出现，所以需要应用CSS样式时，在这里直接选择它们即可。11.5创建和应用CSS样式CSS样式也可以保存在单独的样式表文件中，以供多个网页文档共同引用。网页文档使用样式表文件中的CSS样式时，可通过“附加样式表”命令，将CSS样式表文件链接或者导入到文档中。在【CSS样式】面板中单击（附加样式表）按钮，打开【链接外部样式表】对话框。在对话框中选择要附加的样式表文件，然后选中【链接】或者【导入】单选按钮，并单击按钮即可。11.6Div标签在DreamweaverCS3中，可以创建具有绝对定位的APDiv，也可以插入具有相对定位的Div标签。二者之间的区别就是，APDiv是绝对定位的，而Div标签是相对定位的；APDiv在创建时就具有CSS样式，而Div标签需要后来添加CSS样式。Div标签必须与CSS样式相互配合，才能充分发挥它的作用。但在源代码中，APDiv和Div标签使用同一个HTML标签div。在【插入】/【布局】工具栏中单击（插入Div标签）按钮打开【插入Div标签】对话框，在【ID】列表框中输入ID名称“content-top”。单击【确定】按钮，打开【新建CSS规则】对话框，进行参数设置。11.7综合小实例━━布局“一翔软件”页面将本章素材文件“实例素材\第11章\综合小实例\images”文件夹复制到站点根目录下，然后使用Div+CSS技术进行页面布局。行为是DreamweaverCS3中内置的脚本程序，能够为网页增添许多功能。Spry构件是DreamweaverCS3中预置的用户界面组件，能给用户带来耳目一新的视觉体验。本章将介绍行为和Spry构件的基本知识和使用方法。第12章使用行为和Spry构件学习目标了解行为的基本概念。掌握常用事件和动作。掌握Spry构件的应用方法。12.1认识行为基本概念添加行为12.1.1基本概念认识行为，需要掌握以下几个基本概念。行为：事件和动作的组合，因此行为的基本元素有两个：事件和动作。事件：触发程序运行的原因，事件可附加到网页中的各种对象上，例如，当访问者将鼠标光标移到一个链接上时，将会产生一个“onMouseOver”（鼠标经过）事件。动作：事件触发后要实现的效果，如打开浏览器窗口等。对象：产生行为的主体，如文本、图像等，不同的事件为不同的对象所定义，例如，“onMouseOver”（鼠标经过）和“onClick”（单击）是与链接相关的事件，“onLoad”（载入）是与图像和文档相关的事件。12.1.2添加行为那么在文档中如何添加行为呢？方法是，在文档中选择触发行为的对象，然后选择【窗口】/【行为】命令打开【行为】面板，在【行为】面板中单击按钮，在弹出的行为菜单中选择相应的动作，对弹出的对话框进行设置后就可以将其附加到当前选择的对象上，然后在【行为】面板中单击事件名右边的按钮，在弹出的下拉菜单中选择相应的触发行为的事件。12.2事件事件决定了为某一页面元素所定义的动作在什么时候执行。需要注意的是不同版本的浏览器所支