手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Dreamweaver>列表

DW3图层应用技巧(五)

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!
DW的功能太强大了,光图层方面的特效就能够写不少的东西出来。幻灯片用Flash作很Easy,效果也很好,可是有的人不太喜欢他,其主要原因是他需插件的支持。用Java做,他影响网页的浏览速度,也不是太可取的方法。有没有折衷的方法?有,DW就能够实现,他实现的效果虽不及Flash,Java,但他有着他的优越性, 制作简单,浏览速度快,无需插件支持。
>>用DW实现幻灯片效果 (请看范例)
我想这个效果还不太差比起用java做的,看了本教程第四节的朋友,学习这个例子要轻松的多。这个例子主要用了时间轴和显示隐含图层这个特效。下面我们开工了:
1.先烦请您准备几张大小相同的图片,gif动画也行。
2.您要做几张幻灯片就做几个隐含图层,在层中插入您的图片。本例是三张幻灯片,就做了三个隐含图层,做隐含图层的时候一定要三个图层坐标相同,要不然当您变换图片时就会发现有位移现象。我教您一个小方法,就是先做一个隐含图层出来,复制这个图层,复制出来的图层坐标都相同,但您得把图层里的图片换一换,还要把图层的名字改一改,复制的图层名字相同(在属性浮动条里改)。
3.按Ctrl F9把Timeline编辑窗调出来,把三个图层分别加入到三条动画轨道中去。像下图那样放入轨道。




4.在第一帧的位置,加入Behaviors事件,双击第一帧上方的Behavior轨道,跳出Behaviors编辑窗,点击

选择Show-hide Layers,出来Show-hide Layers编辑窗口,选Layer1后点击


确定。
5.在15帧处双击Behaviors轨道,跳出Beahoviors窗口,同样加入Show-hide layers事件,这次加入的事件是把layer1隐藏起来。当动画到15帧取就要换图片,所以在15帧处还要加一个show-hide layers事件,这次是显示layer2。在15帧加完两个事件后,Behaviors窗口如下图显示:



6.在第29帧处加入两个Behaviors事件,一个是把layer2隐藏起来,另一个是显示layer3,这是在换图片。假如您的幻灯片多于3张,就是在一段帧后加入承前启后的两个Behaviors事件就行了。
7.在最后一帧处,加入隐藏layer3的Behaviors事件。
8.更有一点扫尾工作,把Timelines窗口中的Autoplaly和Loop选上。当您选完后,把这个小方块拖到和最后一帧的Behaviors重合,这样就可避免重复动画时有一帧没有显示而发生停顿。最后一帧的Behaviors事件如图:



本教程快完了,下一节讲一讲用DW3做滚动板,同样要用到时间轴。

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!