Flash8制作渐变风格的导航菜单

菜单|导航|渐变

  该网页Flash菜单有一定的用途,如果你喜欢就拿去用吧!

  效果如下:

点击这里下载源文件

  制作方法:

  修改文档属性。

  打开属性面板,设置属性如下:

  绘制下面的图形。

  填充矩形。

  设置颜色:

  从而实现渐变填充。

  然后打上自己的文字介绍(独占一个图层)

然后分别转换为影片剪辑元件,分别在舞台上命名四个影片剪辑的实例名。

  其它三个分别这样做。把每个渐变图形上的文字转换为影片剪辑。在这里不给大家仔细讲解如何详细制作动画了!一个层是矩形,另外一个层是文字动画,最上面层是边的动画。

  其它三个同理。然后再建立四个只有点击帧有内容的按钮元件。

  然后在主场景中一共建立六个图层,最下层是背景,上面四个是按钮,最上面的是AS层。分别把四个按钮放到不同的图层,注意盖住相应的背景图像。

  然后分别给四个按钮添加如下动作:

company_mc

on (rollOver) {
_root.mouse_over_company_mc = true;
}
on (rollOut) {
_root.mouse_over_company_mc = fstartlse;
}
on (release){
getURL("http://www.webjx.com/");
}

services_mc

on (rollOver) {
_root.mouse_over_services_mc = true;
}
on (rollOut) {
_root.mouse_over_services_mc = fstartlse;
}
on (release){
getURL("http://www.webjx.com/");
}

contacts_mc

on (rollOver) {
_root.mouse_over_contacts_mc = true;
}
on (rollOut) {
_root.mouse_over_contacts_mc = fstartlse;
}
on (release){
getURL("http://www.webjx.com/");
}

solutions_mc

on (rollOver) {
_root.mouse_over_solutions_mc = true;
}
on (rollOut) {
_root.mouse_over_solutions_mc = fstartlse;
}
on (release){
getURL("http://www.webjx.com/");
}

  最后在最上面的图层,选择第一帧,然后输入下面指令:

_root.company_mc.onEnterFrame = function() {
if (mouse_over_company_mc) {
_root.company_mc.nextFrame();
} else {
_root.company_mc.prevFrame();
}
};

_root.services_mc.onEnterFrame = function() {
if (mouse_over_services_mc) {
_root.services_mc.nextFrame();
} else {
_root.services_mc.prevFrame();
}
};

_root.solutions_mc.onEnterFrame = function() {
if (mouse_over_solutions_mc) {
_root.solutions_mc.nextFrame();
} else {
_root.solutions_mc.prevFrame();
}
};

_root.contacts_mc.onEnterFrame = function() {
if (mouse_over_contacts_mc) {
_root.contacts_mc.nextFrame();
} else {
_root.contacts_mc.prevFrame();
}
};

  好了!菜单就做好了!

时间: 2025-01-24 14:08:35

Flash8制作渐变风格的导航菜单的相关文章

PS制作iphone风格网页导航菜单教程

教程学习如何用Photoshop打造专属于你自己的iphone风格导航菜单,主要用到了图层样式来完成的,下面让我们一起来学习吧.         三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载 先看效果图. 新建文档450x450像素,背景填充#32363c,新建图层画一个白色矩形. 把不透明度改为6%,类似下图效果. 新建图层,前景色#5b6573在顶部再画一个矩形. 分类: PS入门教程

Flash8制作动态立方体Web导航菜单

web|菜单|导航|动态 在这个教程里我们使用Flash8 ActionScript来制作一个立方体Flash菜单. 先看效果: 点击这里下载源文件 1.创建新的Flash文档,导如一幅图片,然后转变为图形元件cube. 2.然后创建新的按钮元件:Invisible Button: 3.场景1中建立3个图层: 4.把按钮分别放到舞台上适合位置: 5.制作动态效果,创建一个Home的影片剪辑,方法比较简单,我这里给大家简单截几个图: 第1帧的动画设置: 第6帧的动画设置: 新添加一个文字层,第1帧

jQuery实现类似标签风格的导航菜单效果代码_jquery

本文实例讲述了jQuery实现类似标签风格的导航菜单效果代码.分享给大家供大家参考.具体如下: 这是一款基于jquery实现的类似TAB标签样式的网站导航菜单,引入了jquery,若运行代码后左上角提示错误,刷新页面即可正常.你可点击菜单查看到整体的效果.点击后对应菜单项下移,可扩展成二级菜单,也可以改成TAB标签布局,感兴趣的朋友自己研究吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-bq-style-nav-menu-co

Photoshop制作游戏网站顶部导航菜单

本文将教你用Photoshop绘制一个超酷的游戏网站的顶部导航菜单,大家看下面的具体制作步骤: 最终效果如下: 首先我们准备一张素材图片: 创建一新文档,然后当作背景来使用 新建立涂层,绘制一个填充色为#050505大小为1000 x 18 px矩形.然后再建一新涂层,绘制1 px 线条,填充seiko为#0D0D0D. 添加游戏名字.

Photoshop制作水晶风格网站导航条

网站制作中导航栏的设置非常重要.漂亮的导航按钮和菜单会给网站增色不少.下面介绍一款精致的水晶风格按钮的制作.作者不仅介绍了按钮的制作还介绍了文字部分的制作方法,非常值得学习. 最终效果 1.创建一个新文件600 * 140px.现在选择圆角矩形工具制作一个圆角矩形如下图. 2.应用层样式:内发光,混合模式:滤色,方法:柔和.  3.渐变叠加:颜色设置为:#5e80a3,#839db8,#b8c7d6. 4.描边: #5e80a3.分类: PS入门教程

Flash制作实用别致的导航菜单

菜单|导航 演示效果: 点击这里下载源文件 当我们点击一个按钮时,希望保持它的激活样式,让用户知道现在是处于哪个模块,并且在点击其他按钮后返回未激活的样式.有兴趣的跟我通过简单的AS代码来实现这样的效果. 1.首先在时间轴上新建一层,命名为:action;在第一帧上书写如下代码: lastMC = index;//记录当前激活按钮.function hideButton(ID) {lastMC._visible = true;onEnterFrame = function () {if (las

Flash8制作动态开门效果网页菜单

菜单|动态|网页 今天给大家讲解一个如何利用Flash制作动态网页菜单,如果好你就可以直接拿去用了!你也可以自己改进,改进好了别忘了去论坛告诉一声啊! 先看效果和源文件: 点击这里下载源文件 制作方法非常简单,在这里给大家简单的叙述一下!如果不明白就看源文件吧! 首先制作五个影片剪辑片段,说说方法,建立两个图层,下面这个图层绘制一个矩形,至于填充为什么颜色按你的喜好定就可以了!上面的图层输入要显示的文字.然后分别都在第15帧插入关键帧,下面的矩形稍微调整一下形状,上面的文字层稍微向上移动一点位置

CSS+DIV设计实例:纯CSS制作下拉导航菜单

css|菜单|设计|下拉 纯CSS制作的下拉导航菜单-这是一个老外的作品,基本上全是用CSS+HTML写出来的,值得大家学习 以下是引用片段:<style type="text/css">.menu {font-family: verdana, sans-serif; width:750px; position:relative; font-size:0.85em;padding-bottom:250px;}.menu ul {padding:0; margin:0;lis

只需三步 菜鸟制作精美Flash导航菜单

菜单|导航 为方便网友浏览,导航菜单是每个网站必不可少,一个漂亮精美的Flash导航菜单是每个站长所向往的.但对于刚刚学习制作网页的站长来说,使用Flash MX这类专业制作Flash的工具着实有一定的困难.下面笔者就向大家介绍一款软件,即使你不懂任何专业的编程技巧,也可以创建出多种动态效果的Flash菜单,并且所有的操作只需三步即可完成.该软件同样适用于Flash高手,借助该软件可以大大简化操作步骤,提高工具效率.下面我们就以制作"天极学院频道导航菜单"为例,向大家介绍该款软件. 1