网页设计与制作整套课件完整版电子教案最全ppt整本书课件全套教学教程（必威体育精装版.ppt

4.2 Javascript 7.使用break和continue语句 在JavaScript中当某些条件得到满足时，用break语句来中断一个循环的运行(请注意，也用break语句退出一个switch)。如果是一个for或者for... in循环，在更新计数器变量时使用continue语句越过余下的代码块而直接跳到下一个循环中。 上一页 下一页 返回 4.2 Javascript 4.2.6JavaScript的函数 1.内部函数 JavaScript语言包含很多内部函数。某些函数可以操作表达式和特殊字符，而其他函数将字符串转换为数值。例如evalU，该函数可以对以字符串形式表示的任意有效的JavaScript代码求值。eval()函数有一个参数，该参数就是想要求值的代码。下面给出一个使用本函数的示例。 2.创建自己的函数 在必要的时候，可以创建并使用自己的函数。一个函数的定义中包含了一个函数语句和一个JavaScript语句块。下面示例中的integerCheck函数以三角形的边长(整数)为参数，通过查看二条边的长度来测试是否可以组成一个直角三角形。 上一页 下一页 返回 4.2 Javascript 4.2.7 JavaScript的对象 JavaScript对象是属性和方法的集合。一个方法就是一个函数，是对象的成员。属性是一个值或一组值(以数组或对象的形式)，是对象的成员。JavaS cript支持4种类型的对象：内部对象、自定义对象、宿卞给出的对象(如浏览器中的Windows和Document)以及ActiveX对象(外部组件)。 上一页 下一页 返回 4.2 Javascript 4.2.8JavaScript的事件 1. HTML属性：在HTML标记的属性中设置JavaScript的事件处理函数 2. JavaScript属性：在对象的属性中设置JavaScript的事件处理 上一页 返回 4.3 DHTML技术 4.3.1什么是DHTML技术 DHTML ，即动态HTML，是Dynamic HTML的缩写，DHTML通过传统的HTML语言，利用层叠样式表(Cascading Style Sheets CSS)，并依靠JavaScript使一向静止不变的页面得以“动”起来。Netscape 4.0和 IE 4.0/5.0版本支持DHTML， DHTML是一种完全“客户端”技术，直接通过Web页面实现页面与用户之间的交互性。 下一页 返回 4.3 DHTML技术 4.3.2 DHTML的应用 自从HTML 4.0出现以后，引入了“层叠样式表”，于是网页制作者能够随心所欲地对自己的网页进行外观和动态的设计，并目使网页具有交互性。其实动态HTML(DHTML)并不是一种专门的技术，而是HTML技术的一个综合，其实就是一种技巧，但往往是这样或那样的小技巧使网页变得更加好看、实用。下面开始以实例来说明动态HTML在网页设计中的应用。 上一页 返回 表4 算术运算符 返回 表5 逻辑运算符 返回 表6 位运算符 返回 第5章 用Dreamweaver制作动态网页 5.1 插入动画 5.2 创建和使用层叠样式表 5.3 加入各种JavaScript特效 5.1 插入动画 5.1.1插入Flash动画 1.插入Flash动画的基本方法 将光标放置在表格任意单元格中，单击常用快捷工具栏中的“媒体”按钮，然后在弹出的列表中选择Flash命令。 2.插入Flash实例 下一页 返回 5.1 插入动画 5.1.2用时间轴创建层动画 (1)新建网页文件 (2)插入层对象 (3)插入文本内容 (4)打开时间车由浮动面板 (5)添加动画对象。 (6)调整动画长度 (7)设置动画起点 (8)添加关键帧、设置关键帧位置 (9)设置播放方式 (10)预览动画效果 上一页 返回 5.2 创建和使用层叠样式表 5.2.1使用层叠样式表面板 “css样式”面板可让用户跟踪影响当前所选页面元素的css规则和属性，或影响整个文档的规则和属性，还可以在不打开外部样式表的情况下修改css属性。在“css样式”面板(选择“窗口” →“css样式”命令)中，单击面板顶部的“所有”按钮，然后检查css规则。 下一页 返回 5.2 创建和使用层叠样式表 5.2.2创建自定义样式表 1.创建新的CSS规则 使用css样式”面板创建自定义的css规则或类样式。类样式使用户可以设置任何范围或文本块的样式属性，并可以应用到任何HTML