本页面由 Flash 保存计划 从 Internet Archive 存档还原 · 快照 2004-12-09 · 原址 http://www2.flash8.net/teach/261.htm ← Flash 保存计划
 
简易的视窗卷动
作者:pc-net 上传人:  
时间: 2003年3月20  类型:   
收藏 发送 评论 <%=votevote%>打印 字体选择:   
                                   在一个有限的小空间内,当您欲表达的讯息又超过此范围时,制作一个可以上下卷动讯息的小视窗,就能够让您畅所欲言了....                                                              
                     FLASH         4 : 简易的视窗卷动                                                                                                                                                                                                                                                                                                                                                                     http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="550" height="400">                                        http://file.flash8.net/Tutorials1/1015/6/6.swf";>                                                                                http://file.flash8.net/Tutorials1/1015/6/6.swf"; quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"; type="application/x-shockwave-flash" width="550" height="400">                                                                               

                                                                  
                              

 ※闪吧※<a target=_blank href=http://www.flash8.net<img src=images/small/download.gif border=0 align=absMiddle height=16 width=16> <a href="www.flash8.net" TARGET=_blank>[ 点击下载 ]</a></a>]   
 
                                                              
                                                                                                 http://file.flash8.net/Tutorials1/1015/6/line1.gif"; width="592" height="244">                                                                                                                                                               此范例的做法非常的简单,所以上图4个元件的做法将不在此描述,background当作底图用,text是欲显示的文字,mask当遮色片用,button是卷动讯息的按钮。                                                                                                                                                               http://file.flash8.net/Tutorials1/1015/6/line2.gif"; width="270" height="447">                                  元件名称--movie(影像片段):                                     

新增一个元件(Ctrl+F8),从图库中将background元件拉至场景中央。

                                    

图层名称--text:

                                    

新增一个图层,从图库里将text元件拉至场景中,文字顶端与底图顶端靠齐,如左图所示。                                                                                                                                                                                                  http://file.flash8.net/Tutorials1/1015/6/line3.gif"; width="277" height="432">                                  制作文字逐渐上移:                                     

由於我们还不确定文字上移共需使用多少影格?!因此,就先在大概的位置上(影格20),插入影格(F5)

                                    

text图层的第2影格上,插入关键影格(F6),并将文字往上移动一小段距离,如左图所示。

                                    

依序在第3影格上插入关键影格,文字往上移动一小段距离。第4影格、第5影格.......方法同上。

                                    

                                                                                                                                                                                                   http://file.flash8.net/Tutorials1/1015/6/line4.gif"; width="277" height="486">                                  删除多馀影格:                                     

假设在第7影格时,文字已上移至最下面,选取剩馀的影格并删除(Shift+F5),如左图所示。                                                                                                                                                                                                  http://file.flash8.net/Tutorials1/1015/6/line5.gif"; width="277" height="105">                                  设定影格内容动作指令:                                     

text图层的每一个影格上,都设定影格内容的动作指令:停止。参考左图。                                                                                                                                                                                                  http://file.flash8.net/Tutorials1/1015/6/line6.gif"; width="277" height="350">                                  图层名称--mask:                                     

新增一个图层,从图库里将mask元件拉至场景中,使其刚好可以盖住底图上的文字,如左图所示。                                                                                                                                                                                                  http://file.flash8.net/Tutorials1/1015/6/line7.gif"; width="277" height="350">                                  遮色片:                                     

mask图层上按滑鼠右键,将"遮色片"选项打勾,此时场景中的图形及时间轴的变化如左图所示。                                                                                                                                                                                                  http://file.flash8.net/Tutorials1/1015/6/line8.gif"; width="277" height="188">                                  场景1:                                     

回到场景1(Ctrl+E),从图库里将movie元件拖曳至场景中,并命名元件实体名称:movie

                                    

                                       从图库里将button元件拖曳到场景中2次,第2次拖曳时,将button实体元件旋转180(Ctrl+Shift+S),参考左图。                                                                                                                                                                                                  http://file.flash8.net/Tutorials1/1015/6/line9.gif"; width="550" height="250">                                                                                                                                                               设定上下按钮的动作指令:                                     

最後,在这两个按钮上,分别设定元件实体内容的动作指令即可,完整的动作指令如下:

                                    

向上移动按钮:

                                    

於                                                                              (按下)
                                         开始告知目标                                                                              ("/movie")
                                            前往一个影格
                                                                                结束告知目标
                                      结束於
                                      

                                    

向下移动按钮:

                                    

於                                                                              (按下)
                                         开始告知目标                                                                              ("/movie")
                                            前往一个影格
                                                                                结束告知目标
                                      结束於

                                    

                                                                      您只要知道目标物:movie是指哪一个元件,还有此元件内容的每一个影格上都有设定:停止,这样就不难理解为什麽每按一下按钮,文字就会移动一段小距离了....                                     

这个范例是不是有够简单呢?!若觉得以上解释不好或是哪里有错误的地方,请立即给我意见,谢谢....^_^                                                                                                                                                                                                                                                                     下一课:http://file.flash8.net/Tutorials1/1015/5.htm";>飘浮视窗                                                                                                                       
责任编辑:古墓
上一篇: 飘浮视窗 下一篇: 酷炫的线性鼠标
 
鼠标跟随之粒子扩散效果
文字特效中参数的解释
波浪特效文字
波浪特效文字
盯着鼠标的眼睛
鼠标跟随的蜡烛光线照明的朦胧效果
ActionScript扩展
导航菜单(之)跟随鼠标篇
一款鼠标跟随
用AS制作特效
AS 实例教材
ae光波特效