主题:  DW梦幻T&B之旅-小试牛刀篇

Syawn

职务:普通成员
等级:5
金币:10.0
发贴:2930
注册:2004/6/24 17:14:35
#12002/10/9 13:24:38
经过上一讲你们是否已经熟悉了Timeline的基本操作了呢?
现在让我们结合上个教程,为滚动公告栏添加Behaviors!
一:鼠标悬停动作
具体效果就是当鼠标移动到公告栏时滚动停止,移开时继续。
首先打开上一将制作的滚动公告栏,按alt+F9打开Timeline面板,shift+F3打开Behaviors面板。
选中滚动层,点击Behaviors面板上的“+”按钮,选择Timeline项,在二级菜单中选择Stop Timeline,
在弹出的窗口中设置,选择哪条时间线停止,就选我们的Timeline1,单击OK。

在Behaviors面板中,单击我们刚刚添加的Stop Timeline,将Events改为onMouseOver,好了,事件设置完了,预览一下,嗯???鼠标悬停的动作生效了,但鼠标移开后怎么不滚动了?当然,我们还没有添加鼠标移开的事件呢。
选中滚动层,单击Behaviors面板上的“+”,选择Time Line项,在二级菜单中选择Play Timeline,因为我们只有一条时间线,所以不用做什么设置,直接OK。

现在的Behaviors面板应该是这样:

这回再预览一下,做成了吧。
利用这几种基本技法还可以做出很多很眩的东东来,下面我们就来做一个仿kele8的排行榜菜单。
二:仿kele8排行榜
具体效果如下,进入页面时有一个[高手榜],下面有一个连接,[查看灌水榜],点击后[高手榜]向下移动,消失后[灌水榜]向上移动到[高手榜]的位置,下面也有一个连接[查看高手榜],如此可以循环。

先来分析一下它,要完成这个效果看起来象两跳时间线,实际上用一条就足够了,这个效果还使用了onClick事件,用了stop timeline和play timeline,show-hide layer等action。
知道了这些,我们就来开工吧。
首先插入一个表格,将表格修饰一下,在表格中插入一层layer1,切记,一定一定要在表格内插入,因为这样的层是相对于表格定位,你怎么改变浏览器的大小层的位置也不会改变。修改layer1的Cilp值,用上节课的方法,接着在layer1中插入两个层,分别命名为start和end,这两个层的大小要和layer相等。在两个层中写入内容,什么内容随便你,但要记得在最下面一行分别写上[查看灌水榜]和[查看高手榜]。
打开timeline面板,将start层添加到timeline1的第一层,拖动最后一帧到第60帧处,在第30帧插入一个关键帧,因为是要使start层向上升,所以选择第一帧,将start层向下拖动到合适的位置,注意这个位置要和layer1的最底点相对应,因为你设置了cilp,这样才不会让可见范围出错,选择第60帧,将start的最后一帧也向下拖动到与第一帧对应的位置上。
将end层拖动到timeline1面板的第二层,第60帧,将timeline1第二层的end最后一帧拖动到第120帧上,在第90帧插入关键帧,把第60帧和第120帧拖动到和start层的第1帧对应的位置上,注意,你虽然可以随意改动帧数,但要使start层的最后一帧与end层的第一帧在同一帧上,为方便我们后面添加Behaviors。
到现在基本工作就做完了,下面我们来添加Behaviors。
选中第30帧上面对应的事件栏(前面写着“B”)的第30帧,

在start层上升到30帧后我们不希望它接着播放,就在Behaviors面板中点“+”号,选择TimeLine项,在二级菜单中选择Stop TimeLine,在弹出的窗口中选择Timeline1。
我们在一开始时只希望start层显示,这就要设置end层的visible值,选择end层,在属性面板中将vis设置为hidden。选择第60帧的事件栏,在Behaviors面板中添加show-hide layer,start层hide,end层show,这样就可以交替显示两个层了。在第90帧添加Stop Timeline,在end层的最后一帧事件栏中添加show-hide layer,start层show,end层hide,选中Auto Play和Loop,预览一下你的成果吧,是不是很棒呢?
(赵龙)