您的位置:首页网页设计DreamWeaver → Dreamweaver高级进阶之可控幻灯片效果(下)

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

时间:2016/5/6 19:07:50来源:本站整理作者:蓝点我要评论(2)

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

  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能够实现的特殊效果太多了,大家有什么发现的话也告诉我呀


相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 CSS优雅的公布栏源码高级CSS选择器的使用 将网站(主页)变成黑白DW设计网页时组织CSS的建议利用Dreamweaver合理优化网页元素布局22个Dreamweaver内置网页过渡特效简介

人气排行 如何用Dreamweaver制作电子相册下拉菜单全攻略-用Dreamweaver制作下拉菜单用Dreamweaver实现ASP数据库动态网站建设用Dreamweaver CS3制作下拉菜单如何在DW中插入Flash的参数详解Dreamweaver标签选择器的妙用巧用dreamweaver模板批量制作网页优化HTML代码加快网页速度