位置:首页 > 软件操作教程 > UI设计软件 > Adobe Dreamweaver > 问题详情

Dreamweaver添加时间轴行为

提问人:刘旭39发布时间:2020-10-12
包括“播放时间轴”、“停止时间轴”、“转到时间轴”,设置与时间轴相关的行为,必须首先创建时间轴动画。

(1)网页外观

新建一个空白页面,在页面上插入一个1行1列,宽为80%的表格 。单击插入工具栏上的绘制层按钮,创建一个新层Layer1,在其中插入一艘帆船的图像并把该层拖动到窗口右侧。在页面上再添加第2个层Layer2,在其中插入一幅海欧的图像,并拖动Layer2拖到窗口的左侧,在页面上再添加第3个层Layer3,在其中插入一幅太阳的图像并将其拖动窗口的左侧。

(2)创建时间轴

选中船所在的层,将光标定位在时间轴面板的第1通道的第1帧处,打开【修改】|【时间轴】|【记录路径】,在页面上按照层的运动轨迹拖动层。选中海欧所在的层,设置海欧的运动轨迹,调整两个层的最后一帧的位置相同。选中太阳所在的层,将它拖动到时间轴面板的第3通道的第20帧处,调整它的最后一帧的位置,在其中增加几个关键帧,在关键帧处移动太阳层的位置,让太阳的升起路线有曲线变化。   

(3)添加行为

在表格的下边添加一个表单域。在表单域中,单击“插入按钮”图标,插入3个按钮,标签分别为“开始”、 “暂停”、“从头开始”,动作:无。

选中第一个按钮“开始”,为其添加【播放时间轴】行为,弹出“播放时间轴”对话框,在该对话框中选择播放的时间轴为“Timeline1” 。回到行为面板,将“播放时间轴”行为的事件选为“onClick”。同样为“暂停”、“从头开始”按钮添加【停止时间轴】、【转到时间轴帧】行为。 

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部