用Flash 5．0制作拖拉式菜单效果

　　一日剑锋在网上闲逛，意外发现了某个人主页以这种效果展示：在屏幕上露出一个菜单的顶端，当鼠标点击菜单的顶端时，可以上下拖拉移动，选择了菜单上某个选项后，菜单收回。当时剑锋请教斑竹如何创作成此特效？斑竹金言：用Fireworks即可，便不再多语。可剑锋对Fireworks一知半解，无奈之下，决定请Fireworks的兄弟Flash帮忙制作此特效。抑制不住内心的兴奋，提盘敲键，写下此文与各位朋友共享！

织梦好，好织梦

图1纵向排列的矩形窗口 dedecms.com

　　启动Flash5.0，按Ctrl F8键选择“Button”，分别制作五个按钮，可以取名为：投稿信箱、软件.net、硬件世界、数码娱乐、教育信息化(这是以前的栏目设置，具体请详见本期内容)，在这里你可以尽情发挥自己的创意，只要是按钮就行了。单击左上角的Sence1，按Ctrl F8键选择“MovieClip”，取名为：菜单，进入编辑状态，利用工具箱中的矩形工具绘制一个矩形，然后利用文字工具输入文字：中国电脑教育报；按Ctrl L打开Library库，将其中的按钮依次拖放排列在矩形上(如图1)。 织梦好，好织梦

　　单击Sence1回到场景中，将Library库中的“菜单”拖放在编辑区，注重只将菜单上面的一小部分(投稿信箱按钮)露在编辑区，其余在编辑区外面；确认选中了菜单，单击鼠标右键，选择“Panels→Instance”打开Instance面板，在Name中输入：“caidan”；选中层Layer1的第1帧，单击鼠标右键选择Actions,在FrameActions窗口中输入如下语句： copyright dedecms

　　x=getProperty("/caidan",_x);

　　y=getProperty("/caidan",_y);

copyright dedecms

　　h=getProperty("/caidan",_height)/2; 内容来自dedecms

　　下面分别为五个按钮加上Actions语句：

　　“投稿信箱”按钮：

dedecms.com

　　on(press){ 本文来自织梦

　　startDrag("/caidan",false,/:x,/:y,/:x,/:h); 织梦好，好织梦

　　} 织梦内容管理系统

　　on(release){

　　stopDrag();

dedecms.com

　　}

　　“软件.net”按钮：

　　on(release){ 内容来自dedecms

　　setProperty("/caidan",_x,/:x);

　　setProperty("/caidan",_y,/:y); dedecms.com

　　} dedecms.com

　　on(press){ dedecms.com

　　getURL("mailto:soft@cce.com.cn"); copyright dedecms

　　} copyright dedecms

　　“硬件世界”按钮

　　on(release){ copyright dedecms

　　setProperty("/caidan",_x,/:x); dedecms.com

　　setProperty("/caidan",_y,/:y);

　　on(press){ dedecms.com

　　getURL("mailto:hard@cce.com.cn"); copyright dedecms

　　}

　　“数码娱乐”与“教育信息化”与上面差不多，只要将E-mail地址改一下就可以了。一切完成后，按Ctrl Enter键测试效果，感觉不错吧！ 内容来自dedecms

图2第4步操作在此完成 内容来自dedecms

　　这里再加上一段小插曲，将制作的菜单作为墙纸放在桌面上。选择“Flie→Publishsettings…”出现对话框(如图2)，选择其中的“HTML”，再单击上方的“HTML”，取消该项下的“Playback”中的所有项目，最后单击“Publish”再确定即可输出HTML文件；回到桌面上将此HTML文件设置为墙纸。

　　这样下次投稿时，直接拖拉菜单，再单击相应的栏目即可打开系统默认的邮件工具发送邮件了……还等什么呢？赶紧Tryandtry吧！ 织梦内容管理系统

内容来自dedecms

看完这篇，您有何感觉呢？