第10章 使用JavaScript行为创建特效网页.pptVIP

了解JavaScript行为。 添加和编辑JavaScript行为。 使用预定义行为。 使用Spry特效。 10.1 认识JavaScript行为 行为是事件和动作的组合。在Dreamweaver中，行为实际上是插入到网页内的一段JavaScript代码，利用这些代码实现一些动态效果，允许浏览者与网页进行交互，以实现网页根据浏览者的操作而进行智能响应。。 10.2 添加与编辑JavaScript行为 在Dreamweaver中，可以为整个页面、表格、链接、图像、表单或其他任何HTML元素增加行为，最后由浏览器决定是否执行这些行为。 1．增加行为 2．删除行为 3．行为排序 4．设置事件 5．切换面板视图 6. 更新行为 7. 获取第三方行为 事件是动态网页制作中一个非常重要概念。当访问者与网页进行交互时，如单击=选中等，这些事件能触发客户端行为。没有用户交互也可以触发事件，例如，设置页面每10秒钟自动刷新一次，这也是一个事件。每个页面元素所能触发的事件不尽相同，例如，页面文件本身能触发onLoad和onUnload事件，onLoad表示页面被打开的事件，onUnload表示页面被关闭的事件，而超链接能触发onMouseOver事件，即被鼠标移动到其上的事件。 10.3 使用预定义行为 1．设置容器的文本 2．设置文本域文字 使用“隐藏弹出式菜单”行为，可以将弹出式菜单在鼠标移开触发器时变为隐藏。一般来说，在设置“显示弹出式菜单”行为时，会自动添加“隐藏弹出式菜单”行为，这样当鼠标离开触发器时就会自动隐藏弹出式菜单。 如果在设置“显示弹出式菜单”行为时，没有选中【显示弹出式菜单】对话框【位置】选项卡中的【在发生onMouseOut事件时隐藏菜单】复选框，则仅为对象附加了“显示弹出式菜单”行为，而没有附加“隐藏弹出式菜单”行为，这时可以手动为对象设置“隐藏弹出式菜单”行为。 使用“预先载入图像”行为可以将网页中由于某种事件才能显示的图片预先载入到浏览器缓存中。这样就可以防止当图像显示时出现由于下载而导致延迟，使图像显示平滑。 10.4 上机练习：使用Spry效果