一款滑动菜单的简单做法

作者佚名技术来源服务器技术浏览发布时间 2012-07-14

先来看看效果：
将鼠标指针移动到下方的三张图片上，单击可以看到中间的菜单滑动。

点击浏览该文件
1、打开Flash，新建一个文档，大小设置为480*360，背景黑色。在舞台上画两根白色线条，间距124px, 在白色线条下方放置三张大小相同的图片，调整好位置。
按此在新窗口浏览图片

2、新建元件menu,行为选影片剪辑，依次插入图片和文字，如图所示。
按此在新窗口浏览图片

3、新建元件btn,行为选按钮，在按下桢插入空白关键桢，选择矩形工具，笔触颜色选无色，填充颜色任意，在舞台上绘制一个矩形。
按此在新窗口浏览图片

4、新建图层2，按F11打开库面板，将元件menu拖到场景中两根白线中间位置，调整位置和舞台左边界对齐。在属性面板输入实例名menu,选中元件menu，按F9键打开动作面板，输入语句
按此在新窗口浏览图片

onClipEvent (enterFrame) {
Xsquare = _root.menu._x;
Xdiff = Xpos-Xsquare;
Xmove = Xdiff/10;
_root.menu._x = Xsquare+Xmove;
updateAfterEvent(enterFrame);
}5、新建图层三，将按钮元件拖入场景，放在白线下方图片上，调整大小和位置刚好遮住图片，这里我放置了三张图片，所以就放了三个按钮。
6、单击选中第一个按钮，按F9键打开动作面板，输入语句
on (release) {
_root.menu.Xpos = 0;
}在第二个按钮上输入语句
on (release) {
_root.menu.Xpos =-480;
}
第三个按钮上输入语句
on (release) {
_root.menu.Xpos = -960;
}
测试，存盘。源文件下载：

点击浏览该文件关键词：菜单

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

分享到：更多

你可能对下面的文章感兴趣

上一篇: Flash MX2004入门与进阶实例——动作脚本(10)下一篇: mc的本地坐标和舞台坐标的****猎取方法

关于一款滑动菜单的简单做法的所有评论

随机推荐