Dreamweaver CS5网页设计与制作教程 作者 文琦 詹增荣 第五章.pptVIP

5.2 使用行为 修改属性 5.2 使用行为 修改属性 2. 修改行为的触发事件 img src=images2/cp1.jpg name=p1 width=150 height=100 vspace=40 id=p1 onmouseover = MM_changeProp(p1,,height,300,IMG);MM_changeProp(p1,,width,500,IMG) onmouseout = MM_changeProp(p1,,width,150,IMG);MM_changeProp(p1,,height,100,IMG) / script type=text/javascript function MM_changeProp(objId,x,theProp,theValue) { //v9.0 var obj = null; with (document){ if (getElementById) obj = getElementById(objId); } if (obj){ if (theValue == true || theValue == false) eval(obj.style.+theProp+=+theValue); else eval(obj.style.+theProp+=+theValue+); } } /scrip 5.2 使用行为-相关概念及操作 行为面板 DW允许用户通过内置的“标签检查器”面板管理其所提供的多种内置行为。如果“标签检查器”面板已关闭，可以在“窗口”菜单中选择“行为”命令，将其打开。单击“行为”选项卡，显示“行为”面板，还可以按【Shift+F4】打开“行为”面板。在面板中可查看当前标签中已添加的行为，并可对行为进行管理，如图5-38所示。 5.2 使用行为-相关概念及操作 JavaScript JavaScript是一种脚本语言，在网页中添加一段JavaScript，可以增加网页的互动性，因此常常嵌入在网页文件（如html文件）中，使网页增加互动性。它不依赖于Web服务器，而是由客户端浏览器解释执行，因此JavaScript 能及时响应用户的操作。 script type=text/javascript src=jquery.min.js/script 5.2 使用行为-相关概念及操作 JavaScript 5.2 使用行为-相关概念及操作 常见的内置行为 在DW中已经预设了一组内置行为。行为是事件和动作构成的。动作是完成某种特殊任务，事件是触发动作发生的原因 动作名称 动作任务 交换图像 允许其他图像取代选定的图片 弹出信息 弹出一个对话框显示消息 恢复交换图像 在运用交换图像素动作之后，允许恢复显示原始图片 打开浏览器器窗口 允许新的浏览器窗口被打开，显示其他网页内容 拖动AP元素 允许在浏览器中自由拖动AP元素 改变属性 允许修改选定的页面元素的属性 效果 给网页中的某些元素添加特殊的动画效果，如增大、收缩等效果 显示-隐藏元素 允许页面元素被隐藏/显示 检查插件 确认是否设有运行见面的插件 检查表单 检查表单文档在有效性的时候使用 设置文本 允许设置文本信息的行为，如容器文本、状态栏文本等。 调用JavaScript 允许调用JavaScript特定函数 跳转菜单 允许建立具有一组链接的跳转菜单 跳转菜单开始 设置或改变一个带跳转按钮的下拉菜单的索引。 转到URL 转到相应的站点或者页面 预先载入图像 允许事先下载图片后显示出来，快速在浏览器中显示图片 5.2 使用行为-相关概念及操作 事件名称 事件发生的条件 行为对象 onAbort 在浏览器中停止载入操作时发生的事件 图像、页面等 onBlur 表示从当前对象移开焦点时触发的事件 按钮、链接、文本框等 onClick 表示鼠标单击选定对象时触发的事件 所有元素 onLoad 表示页面被载入时触发的事件 页面等 onMouseDown 表示单击鼠标左键时触发的事件 图像、链接、文字等 onMouseMove 表示鼠标指针在对象区域内移动时触发的事件 图像、链接、文字等 onMouseOut 表示鼠标指针离开对象区域触发的事件 图像、链接、文字等 onMouseOver 表示鼠标指针移至对象区域时触发的事件 图像、链接、文字等 onMouseUp 表示放开按下的鼠标左键时触发的事件 图像、链接、文字等 onError 表示加载页面过程中出现错误时发生的事件 页面等 onFocus 表示当前对象获得焦点时触发的事件 按钮、文本框等 onResize 表示浏览者改变浏览器窗口或框架的大小时触发的事件 窗口、框架等 onUnLoad 表示浏览者离开页面时触发的事