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

Dreamweaver应用时间轴改变图像

提问人:刘旭39发布时间:2020-10-12
应用“交换图像”行为可以把一幅图像交换成另一幅图像,而且可以交换多幅图像。

实例:制作动态的广告条 

(1)新建网页,为网页选择一幅背景图像。输入文字“移动的广告条。

(2)在页面的左上角插入一个层,在层内插入第1幅小图像。

(3)将层拖到时间轴面板的第1帧处,单击第15帧,把层移到屏幕的右上角,此时在第1帧和第15帧之间就有一条直线出现,它是层移动的直线路径。

(4)拖动层到时间轴面板的第16帧处,在第30帧处单击,把层拖动到编辑窗口的右下角,此时在第16帧和第30帧处也有一条直线出现,显示层的移动轨迹。

(5)拖动层到时间轴面板的第31帧处,在第45帧处单击,把层拖动到编辑窗口的左下角,此时在第31帧和第45帧处也有一条直线的移动轨迹。

(6)拖动层到时间轴面板的第46帧处,在第60帧处单击,把层拖动到编辑窗口的左上角,这样设置的轨迹是一个近似的矩形。

(7)光标定位在行为通道的第16帧,单击右键并在快捷菜单中选择【添加行为】,这时打开行为面板,添加【交换图像】行为,在弹出的“交换图像”对话框中选择第2幅广告图像。 

(8)单击【确定】后在行为面板上处相应地增加了一条交换图像行为,行为的触发事件为“onFrame16”。

(9)同样地在行为通道的第31帧处、第46帧处,继续添加“交换图像”行为,依次把第31帧处的图像换成第3幅,第46帧处的图像换成第4幅。

(10)在行为通道的第61帧处添加“恢复交换图像”行为,此时会弹出一个“恢复交换图像”的对话框,【确定】后,在行为面板上就增加了一个“恢复交换图像”行为。

(11)选中时间轴上的任意帧,单击行为面板上的,选择【转到URL】,在弹出的对话框中选择要跳转的网页,在行为面板上把行为的触发事件选择为“onClick”。

(12)在第1帧处再添加一个【恢复交换图像】行为。

(13)选中【自动播放】和【循环】,把播放速度改为每秒5帧,使播放速度慢一些。

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

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