Flash制作一款简单的滑动菜单

菜单

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

点击这里下载源文件

  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;
}
测试,存盘。

时间: 2024-12-30 09:21:27

Flash制作一款简单的滑动菜单的相关文章

jquery实现最简单的滑动菜单效果代码_jquery

本文实例讲述了jquery实现最简单的滑动菜单效果代码.分享给大家供大家参考.具体如下: 这是一款最简单的jQuery下拉滑出菜单,jQuery代码实现,这里没有过多的去修饰菜单,仅是一些基本的实现,特别是对学习jQuery是个不错的参考实例,这里使用了一个jquery封装库文件jquery.tools.min.js,从外部引入,测试时候可能会因载入不成功而看不到效果,刷新一下网页即可解决此问题. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/

简单的滑动菜单

菜单 <!---  简单的滑动菜单   徐祖宁(唠叨)  2003.03  czjsz_ah@stats.gov.cn   滑动菜单是一种较常用的菜单形式,在罗列二级分类的场合下广泛使用.其特点是代码量极小,数据描述简洁.  本例使用无线表格,以类的书写方式表述.  本代码可自由扩散.---><style>table {font-size = 9pt}td {height = 20px}</style><body><span id="menu

photoshop制作一款简单金属质感的文字效果教程分享

给各位photoshop软件的使用者们来详细的解析分享一下制作一款简单金属质感的文字效果的教程. 教程分享: 效果图   首先在PS里写一个字.   拖一张金属的素材进去,素材可以百度找一下.   自己选一张自己喜欢的,叠加之后效果是这样子的.   因为拖进来的时候是智能对象,所以要变成栅格化图层才好编辑,因为纹理有很多很大的折痕么,所以我们需要修饰掉它.   然后使用修复画笔工具或者图章工具修饰一下.   这是修完之后的效果,是不是比之前的要萌了很多.   现在才是重点,PS的三大难点之一就是

javascript简单实现滑动菜单效果的方法_javascript技巧

本文实例讲述了javascript简单实现滑动菜单效果的方法.分享给大家供大家参考.具体如下: 整个javascript代码共42行,其中主要函数Slide代码26行,可以改进哦! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&

Flash制作一款漂亮别致的QQ菜单

菜单 大家看 这款QQ菜单的制作是不是十分精美而别致??而且原文件总共才100K 所以让我们来学习它的制作 做出文件量小而且漂亮的导航菜单 点击这里全屏观看效果 点击这里下载源文件 这个菜单分两个部分组成 后面的动画效果,和前面的菜单 我们先做后面的动画. 首先设定画布 在场景上新建一个元件 然后拉出一个渐变效果 矩形设为画布大小 渐变颜色分别是#01ACFF,#E1F7FF,#DAF1FF 新建一个叫"背景"的影片剪辑 把刚才做的元件拖进去,把"背景"MC拖到舞台

Flash制作一款朴素又不乏时尚效果的菜单

菜单 首先看下效果 点击这里下载源文件 一:启动FLASH MX(废话) 二:新建一文档,其它的默认,用矩形工具在场景拖出一个大小合适的矩形,再选主菜单-->"窗口"-->"混色器" 在混色器面版中将刚刚拖出的矩形"上色",以达到光亮效果 这3点的颜色分别为:#CCCCCC:#FFFFFF::#CCCCCC 三:选中这个图形,按下F8,转化为图形,名:元件一 四:ctrl+F8新建一影片剪辑,名:元件二: 在元件二中,ctrl+L,打

Flash制作一款漂亮的韩国式下拉菜单

菜单|下拉 先看效果 点击这里下载源文件 首先新建一画布 尺寸为250*600 设置画布颜色为白色 稍微把背景美化一下 然后我们来做4个按钮 按钮的背景在鼠标没有接触时都是长165高30的灰快,鼠标触到按钮时我们把背景换换成不同的颜色 然后重制4个按钮把按钮分别命名为"anniu1","anniu2""anniu3""anniu4", 之后在按钮上新建一层加上按钮的文字标题 文字在鼠标接触时也可以换字体颜色. 现在 把刚才做的

flash制作很出效果的韩国菜单

菜单 做这个东西有点复杂 但没有用到什么的AS 并且可以从中体会到韩国人有些动脑筋的地方 最终效果文件下载 原文件 MX版本,当然用2004更可以打开 下载 1. 设置画布 780*105 针速 六十 2 新建一个元件 命名为 "tiao" 在画布中央 用"线"工具画一个1像素 高为27 的灰色细线 3 新建MC命名an1t 在画布中央写入文本"日志首页 "用黑体13号 静态文本 按ctrl+b一次 然后分散到图 层 并分别转化为元件 在第十针插

Flash制作钢笔字的简单

特别说明: ①:文本的矢量化 ②:关键帧的使用 ③:帧的翻转 ④:橡皮工具的使用 ★制作步骤★ 1.打开flash mx-- 2.适当修改文档属性.(如尺寸为400×200) 3.在工具箱中选中文本工具,文本属性为:静态文本.大小适当.彩色不为背景色的其它彩色.在工作区中输入文本.(如aiyi,没办法做汉字太费时,so--这只是说个方法,你只要知道怎么做就行了--)并适当调整文字的大小及位置. 4.两次ctrl+b将文本打散(矢量化)这里要特别说明一下,为什么要打散两次(flash 5只要一次)