网页对象行为.ppt

网页中的动态效果 Dreamweaver中的行为 课 时：2课时 授课方式：讲授+操作演示 教学内容：利用Dreamweaver制作网页中的动态效果。 教学目标：学会在网页中使用行为；掌握展开菜单和跳转菜单的制作方法。 重点难点：网页中使用行为。 7.1 认识行为 行为：行为是由一个事件以及事件所触发的动作组成，为页面添加行为就是为页面指定动作以及能够触发该动作的事件。 事件：事件是指用户在浏览页面中所做某些动作的条件，如将鼠标移动某个连接上。 动作：动作由预先编写好的、能够完成指定任务的JavaScript代码组成，这些代码将执行特定的任务。 7.1 认识行为 行为：行为是由一个事件以及事件所触发的动作组成，为页面添加行为就是为页面指定动作以及能够触发该动作的事件。 事件：事件是指用户在浏览页面中所做某些动作的条件，如将鼠标移动某个连接上。 onBur事件：发生在窗口失去焦点的时候 onClick事件：发生在鼠标单击对象的时候 onDblClick事件：发生在鼠标双击对象的时候 7.2认识行为 onError事件：发生在错误发生的时候 onFocus事件：发生在窗口得到焦点的时候 onKeyDown事件：当键盘上某个按键被按下时触发的事件。 onKeyPress事件：当键盘上某个按键被按下并释放时触发的事件。 onKeyUp事件：当键盘上某个按键被放开时触发的事件。 onLoad事件：发生在文档全部下载完毕的时候 7.2认识行为 onMouseDown事件：发生在用户把鼠标放在对象上按下鼠标的时候 onMouseOut事件：发生在鼠标离开对象的时候 onMouseOver事件：发生在鼠标进入对象范围的时候 onMouseUp事件：发生在把鼠标放在对象上鼠标键被按下，并放开鼠标键的时候 onMouseMove事件：发生在移动鼠标的时候 onUnload事件：发生在用户退出文档（或关闭窗口，或者到另一个页面去）的时候 7.2认识行为 3 动作 动作由预先编写好的、能够完成指定任务的JavaScript代码组成，这些代码将执行特定的任务。如播放音乐、打开一个浏览器窗口、显示或隐藏层等。当用户将一个行为应用到页面的某个元素后，只要用户为该元素所指定的时间发生，则浏览器就调用并执行该事件相关的动作。 7.2 添加行为 如何将行为附加到网页元素上？ 在文档窗口选择一个元素，例如一个图像或一个连接。若要将行为附加到整个页面，则单击文档窗口左下侧的标签选择器的body标签。 选择“行为”面板 单击“添加行为”按钮，并在弹出的菜单中选择一个动作。 在行为面板的“事件”列表中选择一个事件。 7.2 添加行为 7.2.1 为文本添加行为 设置框架文本：指在浏览器中浏览网页并触发事件时改变框架中的文本，或替换其原来的内容。 设置层文本：指在浏览器中浏览网页并触发事件时，改变层中的文本，或替换其内容。 设置状态文本：指在浏览器中浏览网页并触发事件时，在页面状态栏中指定显示的文本。 设置文本域中的文本：指在浏览器中浏览网页并触发事件时，改变文本域中的文本，或替换其内容。 7.2.2 为对象添加行为 调用JavaScript：指触发事件时，调用所创建的JavaScript代码。 例如：alert(“这是行为面板制作的警告信息框”) 改变属性：改变对象对应标记的相应属性值。例如：改变图像大小、层背景色等 检查浏览器：可以针对不同的浏览器，显示不同内容的网页。 7.2.2 为对象添加行为 检查插件：针对某些药用插件才能运行的媒体，检验系统是否装有该插件，然后作出不同选择的动作。 拖动层：在浏览网页时，允许用户拖动层 注意：该行为要选中body标签设置。 显示/隐藏层：该动作可以在浏览网页时动态地显示/隐藏层，以拓展页面的空间。 7.2.2 为对象添加行为 跳转到URL：适合于框架网页，可以设置在当前浏览器窗口或指定的框架窗口中载入指定的页面。 打开浏览器窗口：该动作可以在一个新窗口打开指定的网页。 播放声音：为某对象设置播放声音，或为网页载入播放声音。 7.2.2 为对象添加行为 弹出信息：该动作设置在浏览器窗口触发事件时弹出的信息框 检查表单：当用户在浏览器窗口的对应表单元素中输入内容时，该动作可以动态的检查输入的文本内容和格式是否符合规定。 交换图像：利用该动作可以在浏览网页时动态地交换两幅图像。 显示弹出式菜单：当在浏览器窗口的页面上触发事件时，弹出一个菜单，事件消失时，隐藏该菜单。该功能适合在导航栏中使用。 7.2.2 为对象添加行为 其他行为 跳转菜单：在表单中创建一个跳转菜单 设置导航栏图像：将图片加入导航条或改变导航条图片。 恢复交换图像：将交换图像恢复至原始图像。 时间轴： 预先载入图像：可以用浏览器下载那些尚