制作简单实用的FLASH导航菜单

菜单

    相信大家都对现在的FLASH导航情有独钟,但是对一些的FLASH特效望尘莫及(我就是其中一位:),特别是复杂的AS动作脚本。不过,通过自己的学习发现,一些很难理解的程序可以通过简单的AS动作脚本表现出同样的效果,今天我就来讲一个例子,可以让一些和我一样的FLASH的初学者(懂基础AS动作脚本程序的FLASHER)!希望大家有所体会,有所收获(在下献丑了-_-!)

  预览:

  先来说说知名的《闪客帝国》的导航栏:

  这种效果的导航栏在国内国外的例子很多的,很实用!只不过他们表现的形式不一样罢了,比如一些是子菜单是横向出现的http://www.flashemprie.com,一些是向下笔直出现的http://www.designnet.co.kr/...不一一举例了。

  1.分析他的动作原理

  a.当的鼠标点击菜单栏的其中一个栏目时(比如资讯中心)(如图一),相应的[资讯中心栏目]的子菜单出现效果,(以《闪客帝国》为例,就是子栏目(频道首页 业界 动漫 帝国 活动 杂谈)向下运动,出现一些可以点击进入相应栏目的按扭。

  b.当的鼠标点击菜单栏的另一个栏目时(比如闪客帝国)(见图二),[资讯中心栏目]的子栏目消失,相应的[闪客帝国栏目]的子菜单出现效果.知道了他的原理就可一大家大胆的去尝试各种方法.

        2.动手制作(我知道有时候动手很难:)

     a.做好你要的菜单栏,和相应的子菜单(由于主要是讲将程序简单化,其他的细节就不多说了!)

  b.选择其中一个栏目[比如公司介绍],把他相应的子菜单拖入主场景,定义子菜单的实例名称为b(见图三);再选择其中一个栏目[比如医学],把他相应的子菜单拖入主场景,定义子菜单实例名称为c(见图四),其他栏目一样的做法!

      c.点击一个栏目[比如公司介绍],打开他的动作面版输入以下代码(不要想到代码就闪,坚持看下去,代码很简单的:)(见图5)

时间: 2024-12-21 08:12:26

制作简单实用的FLASH导航菜单的相关文章

简单实用的FLASH导航菜单制作

菜单|导航 相信大家都对现在的FLASH导航情有独钟,但是对一些的FLASH特效望尘莫及(我就是其中一位:),特别是复杂的AS动作脚本.不过,通过自己的学习发现,一些很难理解的程序可以通过简单的AS动作脚本表现出同样的效果,今天我就来讲一个例子,可以让一些和我一样的FLASH的初学者(懂基础AS动作脚本程序的FLASHER)!希望大家有所体会,有所收获. 预览: 源文件下载 先来说说知名的<闪客帝国>的导航栏: 这种效果的导航栏在国内国外的例子很多的,很实用!只不过他们表现的形式不一样罢了,比

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

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

简单实用的下拉菜单(CSS+jquery)

原文 简单实用的下拉菜单(CSS+jquery) 没什么可以说的,直接上例子 html+jquery代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

jQuery实现简单的列表式导航菜单效果代码_jquery

本文实例讲述了jQuery实现简单的列表式导航菜单效果代码.分享给大家供大家参考.具体如下: 这里使用jQuery实现简单的列表式导航菜单,是根据网上的一个教程,边看边写的,经过了修正,拷贝代码即可使用.主要实现包括三个部分,一是CSS.二是引入jQuery.三是编写JS代码进行jQuery控件. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-simple-list-style-nav-menu-codes/ 具体代码如下: <h

Photoshop简单绘制圆角矩形导航菜单按钮

形状工具画一个圆角矩形: 添加一个锚点并删除这个新添加的锚点: 选择左下角的2个锚点: CTRL+T并将中心点定位到左边线: 右键,水平翻转: 同理翻转右边: 适用: Photoshop简单绘制圆角矩形导航菜单按钮

JavaScript实现非常简单实用的下拉菜单效果_javascript技巧

本文实例讲述了JavaScript实现非常简单实用的下拉菜单效果.分享给大家供大家参考.具体如下: 这是一款实用的JS下拉菜单,鼠标移上菜单就显示出二级菜单,是从其它网站上整理下来的,修改花了不少时间,现在去除了一些无用代码,更简洁了,而且代码兼容性似乎也表现不错,这款两级下拉菜单,基本是由CSS和JavaScript共同实现的,真的挺简洁实用. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-down-show-menu-code

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

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

制作jquery遮罩层效果导航菜单代码

 我们将创建一个简单的jquery菜单,只要我们悬停在导航栏的区域里,将展示给我们的画面是:明亮的菜单在稍显黑暗的背景图中脱颖而出 jquery导航是一个网站必不可少的模块,当一个用户在一个网站上浏览的时候,为了某个目的而查看网站导航栏的时候,突出导航栏的效果是重中之重.因此必须要使用一个效果:jquery遮罩层.利用明暗效果来突出当前用户的操作.    代码如下: $(function() { var $oe_menu= $('#oe_menu'); var $oe_menu_items= $

PS制作简单实用的绿色水晶字技巧

水晶字比较常用.制作方法也比较简单.字体部分基本上是用图层样式来完成.顶部再加上一些半透明的弧形高光即可. 教程最终效果 1.新建500 * 350像素文档,填充黑色,输入文字(字体:Gill Sans Ultra Bold),填充绿色:#4a9c1d. 2.为文字图层依次添加图层样式,参数设置如下图: 分类: PS文字教程