Dreamweaver高级进阶之可控幻灯片效果

2008-02-23 06:11:58来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

三、按照顺序显示或隐藏层

1、在时间线面板,拖动帧定位器(红色键)到第三帧。

2、打开Modify菜单,指向Timeline子菜单,选中Add Keyframe命令。

  添加关键帧也能够在要添加关键帧的位置单击鼠标右键,选择Add Keyframe命令。

3、 时间线面板上配置此时的Vis为Visible,起始帧Vis为Visble,配置最终帧Vis为hidden。

  时间线面板的Vis表示层的可见性。有四个选项:default(默认),inherit(继承),Visible(可见),hidden(不可见)。Inherit的项选中的话,其可见性和其相临的前一keyframe的可见相同。

4、依次配置其他层。如下图所示。



四、图片变换间增加停顿

1、双击第四帧,弹出Behavior面板。

2、在Behavior面板中,选择Timeline > Stop Timeline命令。配置在显示到第四帧时,停止时间线的继续播放,制作停顿效果。



3、依次在第六、第八、第十帧作如此配置。

五、给时间线增加控制按钮

1、Insert菜单,选择Layer命令。

2、配置新层各参数,各参数配置如下:



3、定位光标在Layer(层)内打开Insert菜单,选择Image命令。增加两个用来控制图片显示的按钮图片。

4、选中按钮图片,在Behavior面板中选择Timeline > Play Timeline。这样,我们在点击按钮时,才继续播放时间线,制作了控制效果。




5、在弹出的Play Timeline中选择Timeline1,单击ok。



  当您的WEB页有多个时间线时,您能够在这里选择性进行控制。

6、 存盘完成制作,按F12预览效果。能够控制的幻灯片效果就完成了(如此简单呀?//nod)。

  这个例子还是很简陋的,比如还不能直接显示指定的幻灯片。事先声明不是我的原因,谁让Dreamweaver不象Flash那样有播放指定帧的命令呢?要显示指定的幻灯片就需要自己写有关代码了,不另做讨论。

  但是,Dreamweaver也不愧是”网页梦幻编织者”,仅需点几下鼠标就能设计出幻灯片的控制效果就足以让其他网页设计工具汗颜了。Dreamweaver能够实现的特别效果太多了

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: Dreamweaver

下一篇: Dreamweaver高级进阶之可控幻灯片效果(上)