Dreamweaver制作网页幻灯片效果--中华网--科技频道

新闻 | 军事 | 论坛 | 汽车 | 科　技 | 游戏 | 娱乐 | 女人 | 时尚 | 留学 | 旅游 | 购车 | 食品 | 文化 | ３Ｇ | 教育 | 音乐 | 邮箱 | 公益 | 求医
财经 | 军史 | 博客 | 搜车 | 实拍 | 网游 | 明星 | 城市 | 篮球 | 数码 | 智游 | 亲子 | 社会 | 文史 | 健康 | 图库 | 电影 | 问答 | 评论 | 时尚

Dreamweaver制作网页幻灯片效果(2)

中华网科技 http://tech.china.com 2005-06-24 11:42:55

【进入BBS】【进入聊天室】【推荐给朋友】【浏览字号：大中小】【关闭窗口】

　　
步骤四：为按钮和其它添加行为（Behavior）。

点击选择PLAY按钮所在的图片，在行为浮动工具面板中，从+（添加）动作下拉列表中选择Timeline-Play Timeline(播放时间链)，并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下，就会为切换动作设置一个onClick事件。点击选择PAUSE所在的图片。在行为浮动工具面板中，从+（添加）动作下拉列表中选择Timeline---Stop Timeline(停止播放时间链)，并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下，就会为切换动作设置一个onClick事件。

点击选择REPLAY所在的图片。在行为浮动工具面板中，从+（添加）动作下拉列表中选择Timeline---Go to Timeline Frame(转向放时间链帧)，并在弹出的对话框中选择时间链Timeline_main，在Frame文本框中输入1。单击OK。默认方式下，就会为切换动作设置一个onClick事件。再添加下一个动作。从+（添加）动作下拉列表中选择Timeline---Play Timeline(播放时间链)，并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下，就会为切换动作设置一个onClick事件。REPLAY的图片添加好的行为如图3所示。

本例中做好的播放器，可在下列地址浏览：http://webart.myrice.com/sample/index.htm。进一步，为了让播放器更加生动，你可以同时给幻灯片的播放加上声音。

若要把这个播放器放到网上，同时图片总容量超过150K，可以给页面作一个“Loading（加载）层”，待全部内容下载完毕后，才显示出来。以免由于图片未下载完而产生播放不畅的感觉。关于“Loading”层的制作方法，在很多地方有介绍，这里就不再详述了。

把这个例子变通一下，我们可以作一个相册。你可以把你的家庭或女朋友的相片加在幻灯片所在的时间链上，并且加上Last（上一张）、 Next（下一张）等按钮，便于浏览者逐张欣赏。若觉得相片太小不能看清楚细节，你还可以加一个Zoom In（放大）按钮，链接到一个有单张放大相片的新窗口页面。最后把它放到网上，相信一定会给你的家人或女朋友带去一份惊喜。

首页上页 | 1 | 2 | 下页尾页共 2 页

50款最具性价比数码相机/MP3推荐！

作者：　来源：

发表言论：

笔　　名：

查看评论

﹣相关报道
﹣巧用DreamweaverMX设计导航栏特效 (2005-06-15 13:04:24) ﹣Dreamweaver MX制作文字特效 (2005-06-14 10:05:07) ﹣下拉菜单全攻略之Dreamweaver篇 (2005-06-02 18:20:54) ﹣个性化表单设计技巧五则 (2005-05-24 18:29:35)