论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

FLASH+XML构造的下拉菜单

文章类别:Flash | 发表日期:2008-9-21 20:10:20

  用Tree组件来制作下拉菜单,会比较方便。但用FLASH AS打造下拉菜单会更灵活,而且最重要的是占用空间更小,只有2K多。一般用组件来完成的项目,都会自己开发的东西大一些。主要是使用XML分析。分析并获取XML的节点。转换成FLASH里面的元素。
1、制作显示菜单,以及下拉菜单;
2、编写XML文件;
3、添加AS。
示意图:

AS中代码如下:
//================版权声明开始================//
//★淘沙网:http://www.taoshaw.com
//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。要不然,会打击我的积极性的。嘿嘿。。。。。。
//================版权声明结束================//
//固定大小,禁止缩放
fscommand("allowscale", "false");
//创建一个新的空 XML 对象
var my_xml:XML = new XML();
//取消空白节点输出
my_xml.ignoreWhite = true;
//加载xml
my_xml.load("http://www.taoshaw.com/taoshaw/study/xml_listxiala/List.xml");
//判定是否加载成功,假如成功,则继续前进
my_xml.onLoad = function(ok:Boolean) {
  if (ok) {
    xml_Length = my_xml.firstChild.childNodes.length;
    //读取xml子节点的长度
    for (i=0; i<xml_Length; i++) {
      _root.attachMovie("mc", "mc"+i, i);
      _root["mc"+i]._y = 100;
      _root["mc"+i]._x = i*70+110;
      _root["mc"+i].txt = my_xml.firstChild.childNodes[i].attributes.nume;
      //读取菜单名称
    }
    //根据子节点来设置菜单
  } else {
    trace("加载XML失败!");
  }
};
_root.onMouseDown = function() {
  for (i=0; i<xml_Length; i++) {
    xml_Length2 = my_xml.firstChild.childNodes[i].childNodes.length;
    if (_root["mc"+i].hitTest(_root._xmouse, _root._ymouse)) {
      if (my_xml.firstChild.childNodes[i].hasChildNodes()) {
        for (j=0; j<xml_Length2; j++) {
          //调用子菜单元件
          _root.attachMovie("xialamc", "xialamc"+i+j, i+j+50);
          //读取子菜单名称
          _root["xialamc"+i+j].subtxt = my_xml.firstChild.childNodes[i].childNodes[j].attributes.subnume;
          //设置MC的默认座标
          _root["xialamc"+i+j]._x = i*70+168;
          _root["xialamc"+i+j]._y = j*30+128;
        }
      }
      //否则删除该菜单下的子菜单 
    } else {
      for (j=0; j<10; j++) {
        removeMovieClip(_root["xialamc"+i+j]);
      }
    }
  }
  //当然K为真时,打开网址
  if (k) {
    getURL(my_urll, _blank);
  }
};
//当鼠标触到菜单时,显示该菜单的子菜单 
_root.onMouseMove = function() {
  k = false;
  //当鼠标触及菜单时,菜单改变颜色 
  for (i=0; i<xml_Length; i++) {
    if (_root["mc"+i].hitTest(_root._xmouse, _root._ymouse)) {
      _root["mc"+i].gotoAndStop(2);
    } else {
      //否则仍然为默认颜色
      _root["mc"+i].gotoAndStop(1);
    }
    for (j=0; j<10; j++) {
      //鼠标触发子菜单时,改变子菜单的颜色
      if (_root["xialamc"+i+j].hitTest(_root._xmouse, _root._ymouse)) {
        _root["xialamc"+i+j].gotoAndStop(11);
        //读取url值,并赋值给变量“my_urll”
        my_urll = my_xml.firstChild.childNodes[i].childNodes[j].attributes.url;
        //设置k为真
        k = true;
      } else if (_root["xialamc"+i+j]._currentframe != 10 && _root["xialamc"+i+j]._currentframe != 11) {
        _root["xialamc"+i+j].play();
      } else {
        //将xialamc内时间轴停在第10帧
        _root["xialamc"+i+j].gotoAndStop(10);
      }
    }
  }
};
//================版权声明开始================//
//★淘沙网:http://www.taoshaw.com
//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。要不然,会打击我的积极性的。嘿嘿。。。。。。
//================版权声明结束================//
源码下载地址:http://space.flash8.net/bbs/thread-354806-1-2.html
上一篇:{实例}广告类图片的切换 人气:3592
下一篇:{实例}光剑FLASH制作教程 人气:1693
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058