直接通过拖动层,生成路径,产生动画。从最初的插入一个层后->选中该层,并一直保持该层被选中状态->移动层到动画起始位置->打开菜单“修改Modify”->“时间轴Timeline”->“录制层移动路径Record Path of Layer”->在页面上拖动层,创建想要的运动路径->在动画结束处松开鼠标,时间轴内自动生成了一个动画栏,并且定义了一定数目的关键帧。
四、添加鼠标触发属性,产生广告图片的交替变化
鼠标触发的各种属性,能产生各种变化。这里我们要用到的是onMouseout和onMouseover两个属性。
打开菜单“窗口Windows” ->选择“行为Behaviors”->弹出“行为”窗口->选中层中的广告图片->点击“行为”窗口中的“+”->在弹出的菜单里面选择“对调图象”
在“对调图象”对话框里面浏览选择你的广告图片所在路径->在“对调图象”对话框里系统默认中有个“onMouseout复原图象”前是打勾的->直接按“确定”按钮
“行为”状态窗中多了我们前面说到的onMouseout和onMouseover两个鼠标触发事件。按F12预览,移动鼠标到图片上,看看是不是图片变化了?再移开鼠标,又恢复到原来的图片。这样简单的图片交替行为就完成了。
五、最后思考的细节
- 关于路径长度。假设动画是从上之下的,网页高度超过一屏,如果路径没有足够长,那么网页被快速浏览到下一屏的时候就看不到上面的层动画。应该最好将路径画到网页底部,然后设置时间轴动画栏,使层能够慢慢沿着下来的路径往上动。
- 如何设置循环播放。DreamWeaver4.0默认是不断循环,而在DreamWeaver3.0中则可以在“时间轴”状态栏中打勾选择。如果只想循环若干次,则要编辑该行为的参数来设定循环的次数:双击行为频道中的你想加入行为的帧,弹出行为窗口;在行为窗口中点击“+”,在弹出菜单中选择“时间轴Timeline”,再选择“前往时间轴帧Go To Timeline Frame”,弹出对话框;在“循环次数Loop times”输入域中输入想要的循环次数(默认留空表示不断循环)。如果希望循环播放不是从第一帧开始,可以在“跳转第几帧Go to Frame”输入域中输入帧号(默认是第1帧)。
看到这里,你应该能够处理出会移动的广告条了吧。多加实践,你还会找到更多有关时间轴、行为和层的精细之处。www.4u2v.com有更多的相关的文章,如果您有兴趣,请继续来逛逛。