首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>Dreamweaver>文章内容
Dreamweaver3 图层应用技巧(五)
来源: 作者: 发布时间:2007-04-12

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做滚动板,同样要用到时间轴。




[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·Dreamweaver 8图文快报
·Dreamweaver 8图文快报2
·Dreamweaver未必了解的5个小技巧
·手把手教你网页布局的基本元素
·我要看代码 破解加密网页文字有高招
·美化网页 制作精美圆角表格
·Dreamweaver经典问题大搜罗(全集)1
·Dreamweaver经典问题大搜罗(全集)2
·菜鸟学用DreamWeaver做ASP1
·Dreamweaver中加入竖直线的办法
相关文章
·Dreamweaver3 图层应用技巧(四)
·Dreamweaver3 图层应用技巧(六)
·如何制作会移动的广告条
·DreamWeaver高级应用—模板与库
·Dreamweaver3 图层应用技巧(三)
·Dreamweaver4.0 快捷键自己DIY
·Dreamweaver3 图层应用技巧(二)
·Dreamweaver经典技巧,一个也不能少
·Dreamweaver3 图层应用技巧(一)
·Dreamweaver的操作诀窍点滴
文章检索
Google
相关文章
·Dreamweaver3 图层应用
·Dreamweaver3 图层应用
·如何制作会移动的广告条
·DreamWeaver高级应用
·Dreamweaver3 图层应用
·Dreamweaver4.0 快捷键
·Dreamweaver3 图层应用
·Dreamweaver经典技巧,
·Dreamweaver3 图层应用
·Dreamweaver的操作诀窍
·dreamweaver 3 表格经验
·在IE中调用Dreamweaver
·dreamweaver中网页折叠
·Dreamweaver 4.0 新增功
·DREAMWEAVER 技巧(上)