当前位置:七道奇文章资讯设计学堂Flash设计
日期:2009-04-04 00:09:00  来源:本站整理

<b>flash多级树型菜单</b>[Flash设计]

赞助商链接



  本文“<b>flash多级树型菜单</b>[Flash设计]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:

做开辟的历程顶用到,自己手写了一个,拿出来分享一下.
效果图以下:

flash文件中第一帧上的代码:
稍作注释,还有你需求那个级别层次显示都可以自己掌握,不过得加些代码.
flash源文件中拖一个文本框,不是库中的,设置属性如图.在拖一个库中的转动条放到文本框中,他们会自动符合.

以下是flash中的源代码:

System.useCodepage = false;
//课程xml
//课程数组
var kc_XML:XML = new XML();
var kc_arr:Array = new Array();
//当前点击的对象的index
var kc_NowIndex:Number = new Number();
kc_XML.ignoreWhite = true;
//当课程数据加载完后履行下列语句
kc_XML.onLoad = function(succ) {
if (succ) {
jiexi();
showList();
//doAction(0);
}
};
//加载课程数据
kc_XML.load("tree.xml");
//解析加载的数据
function jiexi() {
kc_len = kc_XML.childNodes[0].childNodes.length;
var kc_node:XMLNode = kc_XML.childNodes[0].childNodes;
for (var i:Number = 0; i<kc_len; i++) {
var arr:Array = String(kc_node[i].attributes.timePoint).split(",");
var arr_len:Number = arr.length;
var timePoint_arr:Array = new Array();
for (var n:Number = 0; n<arr_len; n++) {
timePoint_arr.push(hmsToM(arr[n]));
}
//将加载的数据解析好后放在kc_arr中
kc_arr.push({type:Number(kc_node[i].attributes.type), videkc_node[i].attributes.video, label:"<a href='asfunction:doAction,"+i+"'>"+String(kc_node[i].attributes.name).substr(0, 16)+"</a>", showChild:true});
}

}
//点击后呼应在这
function doAction(t:Number) {
trace("你点击了"+kc_arr[t].label)
// 脱壳//加壳
var str:String = kc_arr[kc_NowIndex].label;
var begin_num:Number = str.indexOf(">", 0);
var length_num:Number = str.lastIndexOf("<")-begin_num;
kc_arr[kc_NowIndex].label = "<a href='asfunction:doAction,"+kc_NowIndex+"'>"+str.substr(begin_num+1, length_num-1)+"</a>";
kc_NowIndex = t;
var str:String = kc_arr[t].label;
var begin_num:Number = str.indexOf(">", 0);
var length_num:Number = str.lastIndexOf("<")-begin_num;
kc_arr[t].label = "<font color='#00ff00'>"+str.substr(begin_num+1, length_num-1)+"</font>";
showList();
}
//高亮显示目录中的某个章节
function gaoliang(t:Number) {
// 脱壳//加壳
var str:String = kc_arr[kc_NowIndex].label;
var begin_num:Number = str.indexOf(">", 0);
var length_num:Number = str.lastIndexOf("<")-begin_num;
kc_arr[kc_NowIndex].label = "<a href='asfunction:doAction,"+kc_NowIndex+"'>"+str.substr(begin_num+1, length_num-1)+"</a>";
kc_NowIndex = t;
var str:String = kc_arr[t].label;
var begin_num:Number = str.indexOf(">", 0);
var length_num:Number = str.lastIndexOf("<")-begin_num;
kc_arr[t].label = "<font color='#00ff00'>"+str.substr(begin_num+1, length_num-1)+"</font>";
showList();
}
//显示树状菜单
function showList() {
var kc_len:Number = kc_arr.length;
var str:String = new String();
var temp_type:Number = 0;
for (var i:Number = 0; i<kc_len; i++) {
temp_type = kc_arr[i].type;
if (kc_arr[i].showChild == true) {
if (kc_arr[i].type<kc_arr[i+1].type) {
str += WS(kc_arr[i].type)+"<font color='#ff0000'><a href='asfunction:hideChild,"+i+"'>○</a></font> "+kc_arr[i].label+newline;
} else {
str += WS(kc_arr[i].type)+"Ο "+kc_arr[i].label+newline;
}
} else {
str += WS(kc_arr[i].type)+"<font color='#ff0000'><a href='asfunction:showChild,"+i+"'>◎</a></font> "+kc_arr[i].label+newline;
for (var n:Number = i+1; n<kc_len; n++) {
if (kc_arr[n].type<=temp_type) {
i = n-1;
break;
}
}
if (n == kc_len) {
break;
}
}
}
list_txt.htmlText = str;
}
//显示子菜单
function showChild(t:Number) {
kc_arr[t].showChild = true;
showList();
}
//躲藏子菜单
function hideChild(t:Number) {
kc_arr[t].showChild = false;
showList();
}
//填充空格形成层级
function WS(n:Number) {
var temp_str:String = new String();
for (var i:Number = 1; i<n; i++) {
temp_str += " ";
}
return temp_str;
}

下面是xml文件
此中的type属性指导的是层级.暂未设置层级数,内部并没有检测树形菜单的坚固性,故写下列文件需当心

<a>
<section type="1" name="信息组织课程介绍 " video="01/localclip.asx"/>
<section type="2" name="课程大要 " video="01/localclip.asx"/>
<section type="2" name="课程要求 " video="01/localclip.asx"/>
<section type="2" name="讲授方法 " video="01/localclip.asx"/>
<section type="2" name="4、教材与参考资料 " video="01/localclip.asx"/>
<section type="1" name="第一章 信息组织概述 " video="01/localclip.asx"/>
<section type="2" name="一.信息组织的含义 " video="01/localclip.asx"/>
<section type="3" name="信息组织的对象-信息资源范围 " video="01/localclip.asx"/>
<section type="3" name="信息组织与信息检索流程图 " video="01/localclip.asx"/>
<section type="3" name="信息组织与信息检索关系 " video="01/localclip.asx"/>
<section type="2" name="二.信息组织的情势和检索途径 " video="01/localclip.asx"/>
<section type="3" name="2.检索体系的范例 " video="01/localclip.asx"/>
<section type="3" name="文献目录 " video="01/localclip.asx"/>
<section type="3" name="索引 " video="01/localclip.asx"/>
<section type="3" name="机读数据库 " video="01/localclip.asx"/>
<section type="3" name="网络搜索引擎 " video="01/localclip.asx"/>
<section type="3" name="2)按照标识特点和供应的检索途径分 " video="01/localclip.asx"/>
<section type="3" name="3)按照标识记录方法分 " video="01/localclip.asx"/>
<section type="2" name="三.信息组织处理方法和研究内容 " video="01/localclip.asx"/>
<section type="3" name="1.信息处理的任务 " video="01/localclip.asx"/>
<section type="3" name="2.信息处理的办法 " video="01/localclip.asx"/>
<section type="3" name="信息组织研究范畴 " video="01/localclip.asx"/>
</a>

源文件下载:treelist.rar


  以上是“<b>flash多级树型菜单</b>[Flash设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .