快速业务通道

关于Flash变速滑动菜单剖析

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-10
)。按照此方法,继续制作其它栏目的BTN,只有文字不同,其它地方方法一样。你也可以在库面板(窗口>>库,快捷键Ctrl+L、F11),选择建立的元件名,这里是btn_home,然后右击,选择复制,起一个新的好记的名称,然后再双击进入复制好的元件里,对文字进行编辑。把文字改为各个栏目的名称。

  将四个按钮制作完以后,再新建一个元件,名字为follow,行为为影片剪辑,同样用矩形工具画一个长方形,然后对它用渐变进行填充。高:6,宽:80,X:0,Y:0。

  step2:回到主场景,打开库面板,将我们的组件拉到主场景来,对它们的位置进行排列。

  把主场景的大小设为400X40,帧数为25帧,背景色为#006699。把四个按钮拉进主场景,将它们的Y坐标都设为20,X坐标分别为:40,122,204,286(这里可以自由设定)。为了直观,将该层改名为btns。

  新建一层,将follow影片也拉到主场景,X:40;Y:7,将该层改名为follow。

  给每个按钮、影片起实例名:先看一下下面的图片

请添加描述


  为home、about、news、links分别起实例名为btn_home,btn_about,btn_news、btn_links。给上面的跟随移动的MC,起名为follow。

  注意:这里的实例名和在库中的元件名是两回事。库中的元件名是为了我们能够在编辑的时候,可以很好的区分它们。不在同目录下的元件是可以重名的。而场景中的实例名,则是为了让我们在使用编写as程序的时候,利用实例名来分辨他们。

  再新建一层,起名为as,在下面键入如下代码。(附注释)

//这个符号是FLASH中的注释符
//设置两个变量,startX,endX,用来保存follow的运动起始点和结束点。即当前的followX坐标与我们所移动到的BTN的X坐标。这里仅起到初始化的作用。
startX = follow._x;
endX = 40;

//当鼠标移动到不同的按钮上时,follow的结束点X坐标是不同的。以下的语句是用来判断鼠标移动到哪一个按钮上了。
btn_home.onRollOver = function() {
//设置当鼠标移动到不同的按钮上时,结束点的X坐标为当前鼠标所移动到的按钮的X坐标
endX = this._x;
};
btn_about.onRollOver = function() {
endX = this._x;
};
btn_news.onRollOver = function() {
endX = this._x;
};
btn_links.onRollOver = function() {
endX = this._x;
};

//这里的onEnterFrame是为了保证实时运行,即当播放到这一帧时,便持续播放。
follow.onEnterFrame = function() {
//因为follow的X坐标是实时在变化的,因此,我们需要每次都取得它的X坐标。
startX=follow._x;
//moveX用来计算每回移动的距离。endX是所要移动到的按钮的X坐标。startX便是follow的当前X坐标了
moveX=(endX-startX)/2;
//重新设置follow的X坐标
this._x=moveX+this._x;
};



  现在再确认一下你所键入的代码,并且确认实例名称已经设定,并且正确。就可以按Ctrl+Enter来预览一下了。 
关键词:菜单

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号