文档介绍：第七章行为和时间轴
内容简介: 行为和时间轴是Dreamweaver MX为增强页面效果、提高设计人员工作效率提供的功能,其实质是在页面上自动生成JavaScript函数,实现页面上的交互和简单动画功能。
学习目标:
熟练掌握创建行为和时间轴的基本方法;
掌握常用行为和事件的应用,以及常用时间轴动画的设计;
了解利用行为和时间轴定义所对应的JavaScript函数及其调用。
JavaScript脚本的应用改善了网页的交互性能和显示效果,但是程序代码的编写和调式限制了它的广泛应用。为了简化页面上JavaScript脚本的开发过程并提高工作效率,Dreamweaver MX提供了行为功能。行为是Dreamweaver MX预置的JavaScript程序库。使用行为,使得网页制作人员不用编程就能够实现一些程序动作。
行为的事件和动作
在Dreamweaver MX中设计行为是通过行为面板来实现的.
打开行为面板,在行为面板中按下“增加行为”按钮,就展开行为面板菜单
经常用到的几个动作主要是:播放声音、弹出信息、交换图象、打开浏览器窗口、显示一隐藏层等。
常用的事件主要有以下几种:
onLoad:当页面图片被载入后,onLoad事件被触发;
onClick:当在页面上单击鼠标时,onClick事件被触发;
onMouseOver:当鼠标被移入页面元素的上,onMouseOver事件被触发;
onMouseOut:当鼠标移出页面元素时,onMouseOut事件被触发。
实例1 弹出信息
新建网页窗口     
添加弹出信息动作
添加第二个弹出信息动作
输入文本信息
行为应用实例
一、设置状态栏文字
实例2 设计当打开网页页面时在浏览器状态栏中显示欢迎词
打开一个音乐网页
点击“增加行为”按钮,在面板菜单中选择“设置文本→设置状态条文本”,打开设置状态条对话框。