当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > 利用Flash MX模板制作XML动态菜单(3)

Flash动画制作
Flash教程:纯AS编写蝌蚪摆尾动画效果
Flash鼠绘新手入门第一课:认识鼠绘
Flash教程:打造月夜下飞翔的蝙蝠动画
Flash教程:制作可爱吹泡泡动画效果
Flash教程:打造仿奥运开幕式卷轴动画效果
Flash基础教程:制作鼠标跟随星星动画
Flash教程:制作淡雅动态网页菜单:蜻蜓飞飞动画效果
Flash鼠绘教程:绘制写真苹果的方法
Flash新手入门教程:AS2代码制作鼠标跟随龙舟效果
Flash鼠绘教程:绘制清新可口的芒果
Flash鼠绘教程:教你绘制一盘逼真的水仙花
Flash鼠绘教程:临摹徐悲鸿的骏马图
Flash鼠绘教程:绘制香甜可口的香瓜
Flash新手入门教程:鼠标跟随漂亮光圈特效
Flash新手入门教程:打造鱼缸中游动的鱼动画效果
Flash新手入门教程:AS代码制作五彩缤纷旋转效果
Flash鼠绘教程:打造唯美渔舟唱晚效果
Flash教程:打造鼠标跟随羽毛扇动画效果
Flash新手入门教程:AS代码实现鼠标跟随文字特效
Flash新手入门教程:AS代码实现神奇叠层效果

Flash动画制作 中的 利用Flash MX模板制作XML动态菜单(3)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 38 ::
收藏到网摘: n/a

 现在测试影片看看,马上就可以看到层叠式菜单了。


(图5)

  现在你可以在这个文件中加入其它的图形或动画,做出一个完整的 网页出来。若你要将这个菜单拿到另一个已经做好的影片去使用也可以,只要将文件中那个菜单元件复制过去即可。
  不过要记得一点,菜单所在的 FLA 文件一定要和 XML 文件存放在同一个文件夹中,你可以将 XML 文件移动至相同的文件夹,或是修改菜单元件的 dataSource 参数就不一定要在同一个文件夹了。

  不过我们还需要把内容修改成自己的东西,下面我会告诉大家如何修改。

  二、更改菜单样式

  接来就是如何更改菜单的样式和内容了。先使用记事本或其它纯文字编辑器打开刚刚那个 Menu_dropdown.xml 文件,找到第 2 列也就是 开头的这一个标注,它有很多参数说明,我们可以更改双引号内的值:

  main_onColor="#000000" //主项目鼠标滑过时的文字颜色,使用16进位的颜色码;
  main_offColor="#ff0000"//主项目一般状态时的文字颜色;
  sub_onColor="#000000"//次项目鼠标滑过时的文字颜色;
  sub_offColor="#666666"//次项目一般状态时的文字颜色;
  navWidth="150"//菜单的宽度,以像素为单位;
  fadeTime="0"//次项目淡入效果(渐渐出现)的时间,以毫秒为单位;
  lineWidth="150"//分隔线的宽度;
  main_y_padding="4"//主项目的垂直间距;
  sub_y_padding="2"//次项目的垂直间距;
  sub_indent="10"//次项目缩排距离。

  三、更改菜单内容

  更改菜单内容同样是编辑 Menu_dropdown.xml 文件,菜单主项目的标注是 <MAIN>、次项目的是 <SUB>,若要建立一个主选项就输入类似下面的原代码:

  <MAIN text=“项目文字” URL=“连结的网址” target=“目标页框”></MAIN>
  其中有几个参数,text 指定项目显示的文字、URL 指定项目连结的网址、target 则是连结的目标窗口。若你要建立有次项目的菜单,则输入下面的原代码:
  <MAIN text=“主项目文字” expand=“true/false”>
  <SUB 。。。。。。></SUB>
  <SUB 。。。。。。></SUB>
  </MAIN>

  其中 <MAIN> 标注的 text 指定主项目显示的文字、expand=“true” 表示预设要展开这个项目、expand=“false” 表示预设不展开。

  看你要建立多少个次项目,就在 <MAIN> 和 </MAIN> 之间塞入多少个 <SUB></SUB> 标注。一个次项目的写法如下,它的参数和主项目都是一样的:
  <SUB text=“次项目文字” URL=“连结的网址” target=“目标页框”></SUB>

  参考一下原始的 Menu_dropdown.xml 文件应该很快就会熟悉了,更改后记得要先将 XML文件存盘,然后再重新打开swf才看得到修改的效果。

  注意:如果你刚刚在菜单内容中输入中文,测试时可能看不到中文的正确显示,不过不用着急,我们继续看下去。