网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.网页中Javascript代码的应用方式.
.关于javascript判断文件大小.
.javascript对ListBox的增 删.
.Javascript keyCode键盘键码值表.
.用面向对象的方式封装javascript.
.Javascript实例教程(17) 使用字符.
.Javascript实例教程(8) 检验表单.
.Javascript滑动效果菜单TreeView.
.JavaScript静态页面值传递之Cook.
.JavaScript的document和window对.
.用JavaScript使链接按钮不断变化.
.实现textarea内字符串选择查询替.
.JavaScript常用的2种定义类的方式.
.Javascript控制文本框的输入法切.
.Javascript 调用UTF-8页面.
.使用javascript函数完美控制页面.
.JavaScript写作技巧,函数A中调用.
.PHP与JavaScript对多项选择的处理.
.用于自动添加Digg This!按钮的Ja.
.用JS将网页窗口由小变大.

Javascript滑动效果菜单TreeView

发表日期:2008-11-14


   以下是调用部分的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.     注意目前只适用于二级栏目的 :-(

上一篇:javascript的数据类型转换 人气:435
下一篇:JavaScript验证函数集合 人气:473
浏览全部javascript的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐