当前页面: 开发资料首页 → Javascript 专题 → 最少代码写成的javascript menu tree

最少代码写成的javascript menu tree

摘要: 最少代码写成的javascript menu tree

没有图片,没有外部的js文件,没有css文件,只有一个52行的html文件.不过可扩充性很好,你可以轻易加上图片和超链接.

修改自 Marcelo Franco的版本,他的版本使用了table并且假定div只能用于tree menu.这在现代的web编程惯例不一定是可接受的.据Marcelo Franco说适用的浏览器是

以下就是全部的源代码 (Microsoft Internet Explorer 4+, Netscape 4+, etc.),我在我的浏览器上(IE6,opera8.52, firefox1.5)测了下我的简化版本,好像也没有什么问题.




<head>

Tree Menu

</head>

function tog(item){

   obj=document.getElementById(item);

   visible=(obj.style.display!="none");

   key=document.getElementById("x" + item);

   if (visible) {

     obj.style.display="none";

     key.innerHTML="+";

   } else {

      obj.style.display="block";

      key.innerHTML="-";

   }

}

 

function expall(item,yes){

   obj=document.getElementById(item);

   arr=obj.getElementsByTagName("UL");

   for (i=0;i

+



child1

+father



child2

child3

  





Expand All -- Collapse All

Extended from Marcelo Franco's tree menu.

</body>

</textarea>
↑返回目录
前一篇: 用javascript 自动调节iframe高度出现问题
后一篇: ajax_javascript_librabries