左侧菜单导航栏的制作,并提供有源文件,希望和大家一起学习。另 转载请注明作者和出处!
[1b][要求]
[/1b]1、按钮(滚动条)的高度随菜单的高度而变化;
2、拖动按钮时菜单滚动;
3、鼠标移上子菜单时有显示;
4、鼠标点击子菜单时有显示;
[1b][步骤][/1b]
1、新建文件,宽550、高436。
2、新建影片剪辑,名为“子菜单”,第一层第一帧画一个透明矩形,宽174、高20,在第二帧插入关键帧,矩形不透明,填充颜色为#E1F0FF;第二层(最上)拉一动态文本,字体“宋体”、大小13、实例名为my_txt,延长帧到第二帧。
3、新建影片剪辑,名为“菜单组合”;把“子菜单”拖入,在这里我一共拖入52个,实例名分别为bt1_mc、bt2_mc、bt3_mc……bt52_mc。
4、新建按钮元件,名为“按钮”,画一个矩形,宽16、高436填充颜色为#B7CDFC;新建影片剪辑,名为“按钮背景”,画一个矩形,宽16、高436,填充颜色为#ECE9D8。
5、新建影片剪辑,名为“显示条”,画一个矩形,宽174、高20、填充颜色为#006400。
6、新建影片剪辑,名为“遮罩”,画一个矩形,宽174、高436填充颜色任意。
7、回到主场景中,创建七个图层,图层名从下到上分别为“显示条”、“遮罩显示条”、“菜单组合”、“遮罩菜单”、“按钮背景”、“按钮”、“动作”;分别从库中拖入“显示条”、“遮罩”、“菜单组合”、“遮罩”、“按钮背景”、“按钮”到相应图层的第一帧上,实例名分别为xst_mc、maskxst_mc、_mc、mask_mc、btnbj_mc、_btn。
8、在“动作”图层的第一帧上写如下语句:
this._lockroot = true;
//设置遮罩
_mc.setMask(mask_mc);
xst_mc.setMask(maskxst_mc);
//申明影片剪辑滚动距离变量及按钮和按钮背景影片剪辑的可见性设置
var ypgdjl:Number = _mc._height-mask_mc._height;
if (ypgdjl
[1b][源文件]:
[/1b]
[1b]左侧菜单导航栏.rar[/1b]
本文转自:http://www.5uflash.com/flashjiaocheng/Flashyuweb/3476.html
发表评论
-
flash插入网页技巧-让浏览器响应鼠标滚轮
2010-04-10 13:46 764flash插入网页后,当flash获得焦点,也就是开始操作fl ... -
flash左侧菜单导航栏的制作详解
2010-04-10 13:46 832左侧菜单导航栏的制 ... -
FLASH与JS通信:当FLASH有消息时IE窗口高亮显示
2010-04-10 13:46 654当FLASH有消息时,让IE窗口高亮显示。打开此窗口,然后切换 ... -
FLASH与JS通信:当FLASH有消息时IE窗口高亮显示
2010-04-10 13:45 840当FLASH有消息时,让IE窗口高亮显示。打开此窗口,然后切换 ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 14:10 563[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
AS3 技巧和提示(动态改变影片帧速)
2010-04-09 14:10 709原文见 http://www.kirupa.com/foru ... -
AS3 技巧和提示(动态改变影片帧速)
2010-04-09 14:09 825原文见 http://www.kirupa.com/foru ... -
As3.0 meta tag初始化影片
2010-04-09 14:09 837在As3.0中,使用meta tag可以嵌入外部的资源如 ... -
As3.0 meta tag初始化影片
2010-04-09 14:09 565在As3.0中,使用meta tag可以嵌入外部的资源如 ... -
商业三维动画短片制作揭秘
2010-04-08 09:48 609我们为某燃气公司做的 ... -
商业三维动画短片制作揭秘
2010-04-08 09:47 525我们为某燃气公司做的 ... -
国外高手用FLASH制作的细腻人物动作,值得国内很多做类似《快乐驿站》的动画的朋友观摩
2010-04-08 09:47 2054各元件连接值得国内很多做类似《快乐驿站》的动画的朋友学习。 ... -
国外高手用FLASH制作的细腻人物动作,值得国内很多做类似《快乐驿站》的动画的朋友观摩
2010-04-08 09:47 23167各元件连接值得国内很多做类似《快乐驿站》的动画的朋友学习。 ... -
Flash制作卷轴水墨画展开动画效果
2010-04-07 13:04 672北京奥运会开幕式上那充满诗意的卷轴,以及它所呈现给我们的一幅幅 ... -
旋转的flash齿轮
2010-04-07 13:04 544简单的旋转的齿轮 本文转自:http://www.5ufl ... -
旋转的flash齿轮
2010-04-07 13:03 654简单的旋转的齿轮 本文转自:http://www.5ufl ... -
Flash制作可爱的“亲嘴猪”动画
2010-04-07 13:03 627这个Flash实例制作了两只可爱的小猪亲嘴的动画,用到了Fla ... -
Flash制作可爱的“亲嘴猪”动画
2010-04-07 13:03 694这个Flash实例制作了两只可爱的小猪亲嘴的动画,用到了Fla ... -
flash loading进度控制演示
2010-04-07 08:43 597效果图: 代码如下: //function jindu_ ... -
FLASH里面隐式设置获取的另一种使用方式
2010-04-07 08:43 604假设有这么一个类,里面有author这个属性 class te ...
相关推荐
精美WPF左侧菜单栏,实现了点击菜单自动展开子菜单,右侧显示菜单详细列表!
C# winform左侧导航菜单栏(抽屉型),是根据button和treeview的高度变化以及显示状态做的简单导航栏,相信可以满足简单的使用,给大家做个借鉴, 写的比较粗糙,还请见谅哈~~
制作美丽的flash效果的导航栏,制作出flash效果的导航栏
Qt自带菜单栏为水平菜单栏,在很多实际应用中,需要用到左侧菜单导航栏,即垂直导航栏,本示例使用QMenu、QDialog、事件过滤、QPushButton、鼠标钩子函数等实现了侧边垂直菜单导航栏。
Flash动画制作,随鼠标而动的导航栏,内含动作脚本的跟随动作,按钮的跳转等等
精美的左侧导航菜单,漂亮,简洁,下载直接可以展示的!!
Visual Studio 2017 C#实现winform左侧导航菜单栏[抽屉型].rar
magento添加左侧目录商品菜单导航栏
Python3.x+Pyqt5实现界面左侧树形导航栏;主要用到的工具是Pyqt5的QTreeWidget。
WPF左侧导航菜单,项目可直接运行,进行有力参考
左侧竖直下拉菜单,点击能够收缩和展开
记录原生html+js实现左侧导航栏右侧内容页的实现
参考网站导航UI设计的winform侧边导航栏,内有vs2017的demo,支持2.0框架。总体扁平化设计,图标、大小位置、文字颜色、样式等可灵活控制,详细请看代码。 注:项的呈现非树形结构,能力有限,有些问题无法解决,但不...
经典flash导航栏 经典flash导航栏 经典flash导航栏经典flash导航栏 经典flash导航栏经典flash导航栏 经典flash导航栏
jQuery后台左侧菜单导航切换子菜单 jQuery后台左侧菜单导航切换子菜单 jQuery后台左侧菜单导航切换子菜单 jQuery后台左侧菜单导航切换子菜单 jQuery后台左侧菜单导航切换子菜单
网页左侧导航菜单栏滑动效果,鼠标经过可滑动!滑动速度可根据实际效果调整
基于HTML5与CSS3的左侧菜单导航控件实现,可以让你随便修改成自己想要的样式。
本demo所需技术:jQuery+Bootstrap 本demo所用工具:IDEA 本demo主要实现功能: 1. 左侧菜单栏切换右侧页面内容 2. boostrap弹框内容的显示
WPF自定义左侧折叠导航菜单
左侧为ListView.右侧为Fragment.根据左侧点击不同的ListView行数、来动态跟换右侧Fragmetn显示。