WEB开发网
开发学院网页设计JavaScript Javascript滑动效果菜单TreeView 阅读

Javascript滑动效果菜单TreeView

 2008-11-14 20:02:37 来源:WEB开发网   
核心提示: 以下是调用部分的JS代码,比较方便:<script type="text/javascript" defer>var tree = new TreeView("tree");//-1标示顶层,唯一编号,Javascript滑动效果菜单TreeView,文本内容,链接

  以下是调用部分的JS代码,比较方便:

<script type="text/javascript" defer>
var tree = new TreeView("tree");
//-1标示顶层,唯一编号,文本内容,链接,是否显示(1显示 0不显示),弹出类型
tree.Nodes = [
   [-1,1,'基本信息','#',0,],
   [-1,2,'积分相关内容','#',1,],
   [1,21,'修改密码'   ,'#',,],
   [1,22,'重置密码'   ,'#',,],
   [1,23,'修改资料'   ,'#',,],
   [1,24,'修改详细资料','#',,],
   [1,25,'退出登录'   ,'#',,],
   [2,11,'积分规则'   ,'#',,],
   [2,12,'积分转盘'   ,'#',,],
   [2,13,'积分促销'   ,'#',,],
   [2,14,'常见问题'   ,'#',,],
   [2,15,'得分记录查询','#',,],
   [2,16,'消费记录查询','#',,],
   [2,17,'到期积分查询','#',,]
];
tree.Show(document.getElementById("menu"));
   </script>
  1.   这个menu是DIV的id号,body里面加入<div id="menu"></div>就行了,注意给js加上defer,或者js代码放在div的后面也行。

  2.   目前实现的是点一个展开一个,不收缩其他栏目,收缩其他栏目的在TreeView.js里面也写好了,在展开或收缩之前调用noneExpand就行了

  3.   注意目前只适用于二级栏目的 :-(

Tags:Javascript 滑动 效果

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接