javascript+dom树型菜单类,希望朋友们一起进步


Posted in Javascript onMay 03, 2007

树菜单js网上多得是,自己写了一个树菜单类,自认为还不错,公开大家共享和探讨,和大家一起进步最快乐!!
/*  KuoMart.com__MyKuoMart , Create By ybcola(at)163.com , 2006-7-2
   Last Modified 2006-7-2 , ybcola@163.com */
<!--
function Dtree(){
this.MenuGroupClose="images/treeview_close.gif"; //菜单关闭图标
this.MenuGroupOpen="images/treeview_open.gif"; //菜单打开图标
this.MenuItemClass=""; //菜单项样式
this.MenuItemInfoClass=""; //菜单链接样式
this.MenuItemlPad="12px";//下级菜单缩进仁值
this.DefaultGroupState=false; //菜单组装入时默认状态
document.write("<div id=\"treeroot\"></div>");
this.Node=document.getElementById("treeroot");
//0结点DOM对像,数组1为连接显示,2为连接href,3为连接target,4为连接显示前图标
this.AddItem=function(menuinfo){
var div=creatediv();
  var div1=creatediv();
var ico=[this.MenuGroupClose,this.MenuGroupOpen];
div.className=this.MenuItemClass;
div1.style.marginLeft=this.MenuItemlPad;
div1.style.display=this.DefaultGroupState?"":"none";
var Node=menuinfo[0]?menuinfo[0][1]:this.Node;
var iteminfo="";
if(menuinfo[4]) iteminfo="<img src=\""+menuinfo[4]+"\" align=\"absmiddle\">";
if(menuinfo[2]) iteminfo+=" <a href=\""+menuinfo[2]+"\" target=\""+menuinfo[3]+"\" class=\""+this.MenuItemInfoClass+"\">";
iteminfo+=menuinfo[1];
if(menuinfo[2])iteminfo+="</a>";
div.innerHTML=iteminfo;
Node.appendChild(div);
Node.appendChild(div1);
if(menuinfo[0]){
if(!menuinfo[0][0].havechild) {
var as=document.createElement("img");
as.src=ico[1];
as.align="absmiddle";
as.onclick=function(){
 swapshow(Node,as,ico);
}
menuinfo[0][0].insertBefore(as,menuinfo[0][0].firstChild);
as.insertAdjacentText("afterEnd"," ");
menuinfo[0][0].havechild=true;
}
}
return [div,div1];
}

function creatediv(){
var div=document.createElement("div");
return div;
}

function swapshow(obj,ico,oo){
if(obj.style.display!=""){
obj.style.display="";
ico.src=oo[0];

else{
obj.style.display="none";
ico.src=oo[1];
}
}
}
-->  

Javascript 相关文章推荐
让广告代码不再影响你的网页加载速度
Jul 07 Javascript
Javascript学习笔记5 类和对象
Jan 11 Javascript
JavaScript 原型学习总结
Oct 29 Javascript
jQuery操作select的实例代码
Jun 14 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
D3.js实现柱状图的方法详解
Sep 21 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
Mar 08 Javascript
jquery实现简单实用的轮播器
May 23 jQuery
AngularJS实现的2048小游戏功能【附源码下载】
Jan 03 Javascript
JavaScript实现HTML导航栏下拉菜单
Nov 25 Javascript
html5中sharedWorker实现多页面通信的示例代码
May 07 Javascript
几行代码轻松搞定jquery实现flash8类似的连接效果
May 03 #Javascript
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
May 03 #Javascript
javascript静态的url如何传递
May 03 #Javascript
可以支持多中格式的JS键盘
May 02 #Javascript
javascript英文日期(有时间)选择器
May 02 #Javascript
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
Apr 29 #Javascript
JavaScript 实现??打印?理
Apr 28 #Javascript
You might like
PHP-redis中文文档介绍
2013/02/07 PHP
WIN8.1下搭建PHP5.6环境
2015/04/29 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
Prototype 学习 Prototype对象
2009/07/12 Javascript
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
2009/08/15 Javascript
javascript控制frame,iframe的src属性代码
2009/12/31 Javascript
javascript中callee与caller的用法和应用场景
2010/12/08 Javascript
基于jquery的loading 加载提示效果实现代码
2011/09/01 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
JsRender for object语法简介
2014/10/31 Javascript
js网页滚动条滚动事件实例分析
2015/05/05 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
跟我学习javascript解决异步编程异常方案
2015/11/23 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
2017/05/09 Javascript
Kotlin学习第一步 kotlin语法特性
2017/05/25 Javascript
vue生命周期和react生命周期对比【推荐】
2018/09/19 Javascript
Vue中对拿到的数据进行A-Z排序的实例
2018/09/25 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
Python结巴中文分词工具使用过程中遇到的问题及解决方法
2017/04/15 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
python+django+sql学生信息管理后台开发
2018/01/11 Python
python 协程 gevent原理与用法分析
2019/11/22 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
美国著名珠宝品牌之一:Jared The Galleria Of Jewelry
2016/10/01 全球购物
澳大利亚排名第一的狂热牛仔品牌:ONETEASPOON
2018/11/20 全球购物
优秀团员个人的自我评价
2013/10/02 职场文书
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
中专生自我鉴定书范文
2013/12/28 职场文书
《我的伯父鲁迅先生》教学反思
2014/02/12 职场文书
旅游管理专业大学生职业规划书
2014/02/27 职场文书
元旦联欢会感言
2014/03/04 职场文书
网络信息安全承诺书
2014/03/26 职场文书
学习“七一”讲话精神体会
2014/07/08 职场文书
暑假社会实践证明格式
2014/10/28 职场文书
golang interface判断为空nil的实现代码
2021/04/24 Golang