实用专题OICQ专区 MSN专区 主页浏览 影音播放 系统优化 办公专区 杀软专区 木马防范 流氓清除 黑软专区 设计专区 压缩解压 下载工具 P2P工具专区 输入法专区

您当前的位置:JZ5U绿色下载站文章中心设计学院Flash → 文章内容
  • 下拉菜单全攻略之Flash篇

e面板上设定此帧的帧标签(即frame lable)为1。同样将第3,4,5帧的帧标签依次设为2,3,4 。


  Insert---new symbol新建一个元件,类型为"movie clip"命名为"按钮组"。从library 中拖拽"主按钮"元件到layer1,调整它的位置使其最右端与舞台中心点对齐,中心轴与舞台中心轴重合,



在第二帧新建关键帧并且在这两帧上都加上stop();的actionscript。回到第一帧,右键单击"主按钮"元件,在弹出菜单中选择actions,




  输入如下as:

on (rollOver) {
gotoAndStop (2);
}

///当鼠标移动到按钮上时开始播放第二帧

  从library 中拖拽"菜单" 、"菜单2"、"菜单3"、"菜单4"元件到layer2,并如图排列



  选中"菜单"元件,windows---panels---instance,在instance面板上的options下拉菜单中选择track as button,用同样的方法设置"菜单2"、"菜单3"、"菜单4"元件。右键单击"菜单"元件,在弹出菜单中选择actions,输入如下as:

on (release) {
tellTarget ("_root.info") {
gotoAndStop ("1");
}
}

///当鼠标按下时, name属性为info的mc跳转并停止在frame lable为1的那一帧


用相同的方法依次在"菜单2"、"菜单3"、"菜单4"元件上输入如下as:
菜单2

on (release) {
tellTarget ("_root.info") {
gotoAndStop ("2);
}
}


菜单3

on (release) {
tellTarget ("_root.info") {
gotoAndStop ("3);
}
}


菜单4

on (release) {
tellTarget ("_root.info") {
gotoAndStop ("4);
}
}


  insert---layer新建一层layer2,并使layer2的位置位于layer1之下,你可以用鼠标拖拽layer来完成这次操作。在第二帧新建关键帧,从library中拖拽"大按钮"元件到layer2,调整位置使其居中。右键单击"菜单大按钮"元件,在弹出菜单中选择actions,输入如下as:

on (rollOver) {
gotoAndStop (1);
}

///当鼠标移动到按钮上时,跳转并停止在第一帧。

  insert---layer新建一层layer3,使之位于最上方,在第二帧新建关键帧,选择pencil tool,stroke color为黑色,stroke height为1,开始为按钮描边,具体效果如图(你可以按住shift再开始描,这样你可以轻松画出水平或垂直的直线)



  回到scene1,library中拖拽"按钮组" 与"默认内容"元件到layer1,如图



  调整其位置,并可适当的调整大小,我们前面说过flash采用矢量技术,可以无限的等比例缩放,因此你不必担心会有失真。选中"默认内容"元件,windows---panels---instance,在instance面板中设置其name属性为:info。


  到此为止,我们完成了flash的下拉菜单的制作,在这个实例中你应该对于flash的基本操作有了一定的认识,了解了按钮元件up,over,down,hit四种状态各代表什么含义,还应当掌握:telltarget,gotoandstop,on等as命令。好!最后让我们预览一下效果,还不错吧?查看一下输出的swf文件,只有4.6kb,flash的优点再次得到体现!还犹豫什么?开始动手吧!



上一页  [1] [2] 


  • 作者:Poorfish  来源:蓝色理想  发布时间:2005-8-21 0:42:49

----------------------------------The End Of Jz5u' Article---------------------------------- 以下是评论:【发表评论

------------------------------- · 相关文档浏览 · --------------------------------------------------------------------- · 热门文档浏览 · -------------------------------------