| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页制作 > Flash教程 > ActionScript教程 > 文章正文 用户登录
滑动菜单的制作
滑动菜单的制作

一款滑动菜单的简单做法           

一款滑动菜单的简单做法

作者:金闪客 来源:闪吧 更新:2005-7-24 21:59:13 错误报告 我要投稿
先来看看效果:
将鼠标指针移动到下方的三张图片上,单击可以看到中间的菜单滑动。

 点击浏览该文件
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;
}

测试,存盘。源文件下载:
 点击浏览该文件
文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。