韩国导航条解析

导航

    效果如下:

  准备工作:
1.新建一个名为item_BG的影片剪辑~
    在item_BG中添加一个矩形块,大小大概就和按钮的大小差不多,具体自己调~
    然后将item_BG该影片剪辑的链接名称命名为"mblock"
2.新建一个名为item_EN的影片剪辑~()
    在item_EN中添加一个动态文本框,将实例名称命名为"itext",文本框位置大小自己调~
    这里要注意的是在属性栏的右下方,有一个“字符...”按钮,点击可以看到字符选项~其中默认是无字符,也就是说什么字符都能显示~点击“指定范围”按钮后,可以在“包含此属性”下的输入框中输入字符或文字,只有这些文字或字符才能显示~
3.新建一个名为item_ZH的影片剪辑~
    在item_EN中添加一个动态文本框,将实例名称命名为"itext",文本框位置大小自己调~
    很多朋友都是在这里搞不懂,不明白为什么自己添加的文字不能够显示,看了上面第二段应该可以明白了~只需要把自己添加的文字加在“包含此属性”下的输入框中~
4.另外新建两个影片剪辑,分别为item_L和item_TOPLine~
    item_L就是分割线,item_TOPLine则是文字上方的颜色条,大小位置自己调~
5.新建名为MenuItem的影片剪辑~
    这里主要是把刚才做的各个影片剪辑排布好~
    实例名分别如下:
    item_TOPLine:topLine
    item_L:mc_L
    item_EN:mc_EN
    item_ZH:mc_CH
    并将MenuItem该影片剪辑的链接名称命名为"MenuItem"~
所有的准备工作的做好了,接下来添加代码~
回到主场景,在第一帧添加如下代码:

var drag = 0.1;
//震动参数
var flex = 0.7;
//震动参数
var menuEN = new Array("News", "Movie", "Music", "Game", "Net TV", "BBS", "Member");
//定义一个数组,调用相应的英文文字,你可以在这里添加或修改,当然不想要英文就把它删掉吧~
var menuZH = new Array("新闻频道", "电影频道", "音乐频道", "游戏频道", "网络电视", "网友论坛", "会员专区");
//定义一个数组,调用相应的中文文字,同上,记住这两个数组中的文字只能输入你指定范围的文字,否则无法显示~
var menuURL = new Array("http://www.cinkey.com:88", "#", "#", "#", "#", "#", "#");
//定义一个数组,调用相应的链接~
var menuColor = new Array(0xD808B8, 0x00A2FF, 0x96D302, 0xFFC600, 0xFF5400, 0x7908D8, 0x02D396);
//定义一个数组,调用相应的颜色值~
var mBlock = this.attachMovie("mblock", "mb", 0);
//将链接名称为mblock的影片剪辑附加到场景中来,并声明一个变量mBlock来指定它~
mBlock._y = 5;
//设定y坐标,y坐标始终是不变的
  点击这里下载原文件自己去学习

时间: 2024-12-28 12:02:24

韩国导航条解析的相关文章

如何实现级联的导航条(navigation)效果?

问题描述 导航条是这样的效果:中国-山东-济南 历下区 市中区 槐荫区.把鼠标放到中国上自动下拉列出全国的省份,把鼠标放到济南上自动下拉列出济南的所有区.想要这个效果的目的是让网站浏览者能很容易的跳转到不同地区.参考网站是:http://www.samulu.com/catalog/0101 解决方案 在数据库中存储数据时以 id | pid | area的方式存储,id为地区的ID,pid为该地区的父节点(若为顶级节点,如中国,则为一个不存在的值如-1).当页面第一次加载时生成所有的顶级节点.

MAC风格的水平导航条(DIV+CSS)

css|导航 1.很普通的一个导航条,不同之处是只采用了一张背景图片,如左图. 2.初始状态:背景为上半部分,翻转为下半部分,代码如下. #nav{width: 400px;text-align: center;font-size: 11px;font-family: Arial, Helvetica, sans-serif;}#nav ul{margin: 0px;padding: 0px;list-style-type: none;}#nav li{float: left;}#nav li

div+css制作水平导航条

css|导航条 创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里,就像例A里的一样. 这种方法看起来很合理也很直观.但问题是,把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白.所以,为了避免所有的链接都挤在一起,你最 后通常都不得不插入管道(垂直条)和非换行的空白字符作为分隔符. 就如下面的代码所示,结果很难是我们所要的清晰.结构化的标示. 以下为引用的内容:<div id="navbar1">  <a href="l

第十三节 创建导航条

创建 在很多时候,一个网站的不同页面都使用了同一导航条.导航条一般由几个图像构成,点击不同的图像,将链接到网站不同的页面.通过统一导航条的方法,我们可以实现网站风格的统一,同时也方便了访问者在不同页面间的跳转.用Dreamweaver可做出比较复杂的导航条.导航条由一个或几个部位组成,每个部位均由图像构成,链接到不同的网页页面.每部分,最多可设四个状态下的图像,开始是一个初始图像,当鼠标移动到这个部位上时显示另一个图像,还可设置当鼠标点击后的初始图像,以及鼠标点击后当鼠标再次移动到这个部位上的图

网站顶部导航条必须要提供的内容和功能

网页制作Webjx文章简介:网页顶部导航条能解决什么问题? 顶部导航条提供给用户一种很方便,简洁分类展示方式,让用户访问品类繁多的有组织的内容,用户为了完成任务需要找到必要的内容和功能. 这个可能是最简单也最常用的组件了,所以内容也不多--. 原文地址: http://developer.yahoo.com/ypatterns/navigation/bar/topnav.html 解决什么问题? 用户为了完成任务需要找到必要的内容和功能. 什么时候用? 2-12个分类的时候 分类的标题相对较短并

用CSS滤镜巧制3D按钮式导航条

css|按钮|导航|滤镜 平面的导航条看多了,想不想做个3D的,当然制作的方法很多,真是仁者见仁,智者见智.我试着做了个按钮式的,效果还不错,每一个菜单项看起来都是一个个的按钮,制作方法也不复杂,并且大小只有几k,算瘦小的了.你只要有点html和CSS的基础知识就够了. 下面我们开始制作: 第一步: 用Dreamweaver建立一个3x1的表格,宽度为70px,不设高度值,边框设为0,间距(cellspacing)为2. 第二步: 在上面已经建立好的表格的单元格中分别插入一个1x1的表格,高度值

斜体样式的导航条

导航 <!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"><head><meta http-equiv="Content-

创建按钮(Buttons)和导航条(Navigation Bars)

按钮|创建 创建按钮(Buttons)和导航条(Navigation Bars)(下) 刚才我们创建了一个按钮,接下来我们就可以利用这个按钮方便的创建导航条了.在Fireworks中你可以利用同一个按钮反复衍生出一系列类似的按钮来组成导航条,而无需重复创建多个类似的按钮,大大减少了工作量,这就是Fireworks神奇的地方!!!现在我们就去看看是怎么做的吧. 打开Library面版,将Home按钮拖到画板中,重复这个动作几次,使画板中有多个Home按钮,在这里我一共放了4个相同的按钮. 将这些按

创建按钮(Buttons)和导航条(Navigation Bars)(上)

按钮|创建 创建按钮(Buttons)和导航条(Navigation Bars)(上) 按钮是网页中应用极多的元素,众多的按钮就形成了导航条,导航条的作用就是要让浏览者清楚知道当前所处的位置,并且通过导航条可以方便的将浏览者带到其他的地方而不会迷失.因此按钮表现有以下几中状态: Up:默认状态,即通常的状态,这时的鼠标是不在按钮范围之内的. Over:鼠标滑过按钮时的状态. Down:按钮被点击后的状态,通常它是出现在目标网页中的. Over While Down:鼠标滑过处于Down状态下按钮