Dreamweaver实例教程叶哲丽孙海龙第9章课件教学.pptVIP

PPT研究院 POWERPOINT ACADEMY * * * * 第九章 网页特效 学习目标 1）了解行为面板的基本功能。 2）掌握常用行为的使用。 9.1 行为面板基本功能 重点提示 1）理解行为的作用。 2）熟悉行为面板。 行为是实现网页上交互的一种捷径，Dreamweaver 8.0 行为将 Javascript 代码放置在文档中，以允许访问者与 Web 页进行交互，从而以多种方式更改页面动作或执行某些任务。行为是事件和由该事件触发的动作的组合。事件是动作被触发的结果，而动作是用于完成特殊任务的预先编好的JavaScript代码，诸如打开一个浏览器窗口，播放声音等。当对一个页面元素使用行为时，需要用户指定动作和所触发的事件。 实例1 熟悉行为面板。 9.2 “改变属性”动作的应用 重点提示 1）动态改变文字大小 2）使用“改变属性”动作交换图片 实例2 动态改变文字大小。鼠标移到这段文字上，文字将被放大，单击鼠标时，改变文字的背景色，鼠标移开，文字恢复原大小。 实例3 变换图片。 实现效果：当用户把鼠标移到图片上时，就换了一张图片；当把鼠标移开图片时，它又恢复了原来的图片。这种动态效果同样是用“行为”中的“改变属性”动作功能实现的。 课堂练习 利用表格做一个变色按钮，当鼠标移到按钮上时，按钮背景色变为红色#ff0000，当鼠