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 相关文章推荐
用javascript控制iframe滚动的代码
Apr 10 Javascript
jQuery UI AutoComplete 使用说明
Jun 20 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
Mar 29 Javascript
Jquery修改页面标题title其它JS失效的解决方法
Oct 31 Javascript
JavaScript事件委托实例分析
May 26 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
Aug 04 Javascript
JS实现颜色动态淡化效果
Mar 06 Javascript
Angular4自制一个市县二级联动组件示例
Nov 21 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
Dec 24 Javascript
Node批量爬取头条视频并保存方法
Sep 20 Javascript
Layui 数据表格批量删除和多条件搜索的实例
Sep 04 Javascript
jQuery实现开关灯效果
Aug 02 jQuery
几行代码轻松搞定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
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
PHP中strncmp()函数比较两个字符串前2个字符是否相等的方法
2016/01/07 PHP
PHP反射机制原理与用法详解
2017/02/15 PHP
php对微信支付回调处理的方法
2018/08/23 PHP
PHP下用Swoole实现Actor并发模型的方法
2019/06/12 PHP
js输入框邮箱自动提示功能代码实现
2013/12/10 Javascript
Js与下拉列表处理问题解决
2014/02/13 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
javascript常用方法总结
2015/05/14 Javascript
jQuery实现图片左右滚动特效
2020/04/20 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
JS中跳出循环的示例代码
2017/09/14 Javascript
vue2.0学习之axios的封装与vuex介绍
2018/05/28 Javascript
微信小程序官方动态自定义底部tabBar的例子
2019/09/04 Javascript
在VUE中实现文件下载并判断状态的方法
2019/11/08 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
vue iview实现动态新增和删除
2020/06/17 Javascript
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
Python中使用异常处理来判断运行的操作系统平台方法
2015/01/22 Python
Python的字典和列表的使用中一些需要注意的地方
2015/04/24 Python
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
Python 操作 PostgreSQL 数据库示例【连接、增删改查等】
2020/04/21 Python
Python wordcloud库安装方法总结
2020/12/31 Python
Python3利用openpyxl读写Excel文件的方法实例
2021/02/03 Python
Puma印度官网:德国运动品牌
2019/10/06 全球购物
印度尼西亚手表和包包商店:Urban Icon
2019/12/12 全球购物
大学毕业生简单自荐信
2013/11/05 职场文书
销售副总经理岗位职责
2013/12/11 职场文书
公司业务员岗位职责
2014/03/18 职场文书
《宋庆龄故居的樟树》教学反思
2014/04/07 职场文书
什么是就业协议书
2014/04/17 职场文书
我的小天地教学反思
2014/04/30 职场文书
奥巴马连任演讲稿
2014/05/15 职场文书
电视新闻稿
2015/07/17 职场文书