第13章 行为（课件）-高二《网页设计与制作》同步教学（人民邮电版）

第13章 行为 【行为】面板 13.1 事件 13.2 动作 13.3 13.1 【行为】面板 13.2 事件 当用户在浏览器中触发一个事件时，事件就会调用与其相关的动作，即一段JavaScript代码。 13.3 动作 13.3.1 播放声音 13.3.2 打开浏览器窗口 13.3.3 弹出信息 13.3.4 调用JavaScript 13.3.5 改变属性 13.3.6 交换图像 13.3.7 检查浏览器 13.3.8 控制Shockwave或Flash 13.3.10 跳转菜单 13.3.11 弹出式菜单 13.3.1 播放声音 本例通过为文档“body”标签设置“onLoad”事件，使在文档载入的时侯，会触发事件播放一段背景音乐。也可以为按钮或者文本链接添加“onClick”事件，只有当单击鼠标时，才会播放音乐，可以实现音乐试听功能。 13.3.2 打开浏览器窗口 使用【打开浏览器窗口】动作将打开一个新的浏览器窗口，在其中显示所指定的网页文档。用户可以指定这个新窗口的属性，包括窗口尺寸、是否可以调节大小、是否有菜单栏等。例如，网页中的小图像需要放大时可以使用这个动作。在一个大窗口中放置小图像的放大图，可以将窗口设置成与图像大小相吻合的尺寸，将多余的导航栏、地址栏、状态栏、菜单栏等去掉不显示，也去掉大小控制手柄和滚动条。如果不对窗口的属性进行设置，它就会以“640×480”像素大小打开，而且有导航栏、地址栏、状态栏、菜单栏等。 13.3.3 弹出信息 【弹出信息】动作将显示一个指定的JavaScript提示信息框。因为该提示信息框只有一个 按钮，所以使用这个动作是提供给用户信息，而不是做出选择。同时，也不能控制这个提示框的外观，其外观要取决于访问者的浏览器属性。 13.3.4 调用JavaScript 【调用JavaScript】动作能够让用户使用【行为】面板指定一个自定义功能，或者当一个事件发生时执行一段JavaScript代码。用户可以自己编写或者使用各种可免费获取的JavaScript代码。 13.3.5 改变属性 【改变属性】行为用来改变网页元素的属性值，如文本的大小、字体、层的可见性、背景色、图片的来源、表单的执行等。 13.3.6 交换图像 【交换图像】行为可以将一个图片替换为另一个图片，这是通过改变图像的“src”属性实现的。在前一小节中可以通过为图像添加“改变属性”行为来改变图像的“src”属性，不过【交换图像】行为更加复杂一些，可以使用这个动作来创建翻转的按钮以及其他图片效果（包括同时替换多个图片）。 13.3.7 检查浏览器 设置【检查浏览器】动作可以根据访问者使用的浏览器版本不同，来决定访问者访问不同的网页，这样就提高了网页的兼容性。目前网页制作者们在开发网页的时候，都把网页的兼容性问题放在第一位，最起码的要求就是让最大数量的用户能够正常浏览网页，其次才是网页的功能和外观。但还是有些特殊的功能会受到浏览器版本的限制，这就需要在包含这些特殊功能的网页中加入【检查浏览器】动作。首先检查用户的浏览器版本，然后决定让用户停留在哪一个页面中最合适。 13.3.8 控制Shockwave或Flash 【控制Shockwave或Flash】行为可以控制Shockwave动画或Flash动画的播放、停止、重放或跳转到某一帧。 13.3.9 设置导航栏图像 在第5章中介绍了插入导航条功能，可以为网页添加一组图像按钮作为网页的导航条。本小节介绍的【设置导航栏图像】行为，可以对导航条进行修改，而且还可以将现有的图像变成导航条中的图像。 13.3.10 跳转菜单 跳转菜单就相当于在菜单域的基础上增加了一个按钮，但是一旦在文档中插入了跳转菜单，就无法再对其进行修改了。如果要修改的话，只能是将菜单删除，然后再重新创建一个。这样做非常麻烦，而Dreamweaver所设置的【跳转菜单】行为，其实就是为了弥补这个缺陷。 13.3.11 弹出式菜单 弹出式菜单可以在网页中实现类似Windows操作系统中的菜单效果，菜单可以随意展开或隐藏，可以将所有的分支栏目全部包含在菜单中，可以直接到达子页面，而不必一级一级地打开页面。 小结 本章主要介绍了11种行为的定义和基本功能。行为就是由一段段JavaScript代码组成的，主要是为了更好地控制其他网页中的元素而设置。行为的扩展是无限制的，只要掌握了J