Dreamweaver3 图层应用技巧(五)

佛心子缘

佛心子缘

2016-02-19 20:46

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

    DW的功能太强大了,光图层方面的特效就可以写不少的东西出来。幻灯片用Flash作非常Easy,效果也非常好,可是有的人不太喜欢它,其主要原因是它需插件的支持。用Java做,它影响网页的浏览速度,也不是太可取的方法。有没有折衷的方法?有,DW就可以实现,它实现的效果虽不及Flash,Java,但它有着它的优越性, 制作简单,浏览速度快,无需插件支持。

  我想这个效果还不太差比起用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窗口如下图显示:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  6.在第29帧处加入两个Behaviors事件,一个是把layer2隐藏起来,另一个是显示layer3,这是在换图片。如果你的幻灯片多于3张,就是在一段帧后加入承前启后的两个Behaviors事件就行了。

  7.在最后一帧处,加入隐藏layer3的Behaviors事件。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  8.还有一点扫尾工作,把Timelines窗口中的Autoplaly和Loop选上。当你选完后,把这个小方块拖到与最后一帧的Behaviors重合,这样就可避免重复动画时有一帧没有显示而发生停顿。最后一帧的Behaviors事件如图:

展开更多 50%)
分享

猜你喜欢

Dreamweaver3 图层应用技巧(五)

Web开发
Dreamweaver3 图层应用技巧(五)

Dreamweaver3 图层应用技巧(六)

Web开发
Dreamweaver3 图层应用技巧(六)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Dreamweaver3 图层应用技巧(一)

Web开发
Dreamweaver3 图层应用技巧(一)

Dreamweaver3 图层应用技巧(二)

Web开发
Dreamweaver3 图层应用技巧(二)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Dreamweaver3 图层应用技巧(三)

Web开发
Dreamweaver3 图层应用技巧(三)

Dreamweaver3 图层应用技巧(四)

Web开发
Dreamweaver3 图层应用技巧(四)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

玩转Dreamweaver 8.0之设置段落格式

玩转Dreamweaver 8.0之设置段落格式

windows7系统中怎么设置屏幕保护程序

windows7系统中怎么设置屏幕保护程序
下拉加载更多内容 ↓