1. 爱易网页
  2. JavaSript
  3. js中树菜单代码不对解决方法

js中树菜单代码不对解决方法

日期：2014-05-16　 浏览次数：20376 次

js中树菜单代码不对
我要做的一共4个树菜单，但是代码总是不对，菜单可以显示，但是点击时显示不错下面的子菜单！代码如下：

<HTML>
<HEAD>
<TITLE> 分层菜单 </TITLE>
</HEAD>

<BODY   bgcolor= "#fef4d2 "   >

<br> <br>
<center>
<h2> 菜单导航篇--分层菜单 </h2>
<hr   width=300>
<br>

<!--   案例代码1开始   -->

<script   language=JavaScript>

<!--   [Step1]:   这里可以设置图形标志的名称   -->
var   exImg=new   Image();   exImg.src= 'picture001.jpg '
var   unImg=new   Image();   unImg.src= 'Picture002.jpg '
var   stayFolded=false

function   init(){
        oTop=new   Array()
        oTop[0]=new   makeMenu( 'divTop1 ', 'divCont ')
        oTop[1]=new   makeMenu( 'divTop2 ', 'divCont ')
        oTop[2]=new   makeMenu( 'divTop3 ', 'divCont ')
                           
        oSub=new   Array()
        oSub[0]=new   makeMenu( 'divSub1 ', 'divCont.document.divTop1 ')
        oSub[1]=new   makeMenu( 'divSub2 ', 'divCont.document.divTop2 ')
        oSub[2]=new   makeMenu( 'divSub3 ', 'divCont.document.divTop3 ')
           
        for(i=0;i <oSub.length;i++){   oSub[i].hideIt()   }
        for(i=1;i <oTop.length;i++){   oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)   }
}

function   makeMenu(obj,nest){
    nest=(!nest)   ?   ' ': 'document. '+nest+ '. '                                                                                                                  
    this.css   =   ((document.layers)   ?   1:0)   ?   eval(nest+ 'document. '+obj):eval( 'document.all. '+obj+ '.style ')   ;
    this.ref=((document.layers)   ?   1:0)   ?   eval(nest+ 'document. '+obj+ '.document '):eval( 'document ');                  
    this.height=(document.layers)   ?   1:0?this.ref.height:eval(obj+ '.offsetHeight ')
    this.x=((document.layers)   ?   1:0)?   this.css.left:this.css.pixelLeft;
    this.y=((document.layers)   ?   1:0)?   this.css.top:this.css.pixelTop;  
    this.hideIt=b_hideIt;     this.showIt=b_showIt;   this.vis=b_vis;   this.moveIt=b_moveIt                                
    return   this
}

function   b_showIt(){this.css.visibility= "visible "}
function   b_hideIt(){this.css.visibility= "hidden "

相关资料更多>

  1. javascript工场模式
  2. 如何用javascript改变div标签的位置
  3. 在构造函数中拇指定原型为什么不可以？原型指向一个构造函数产生的结果
  4. Eclipse中导入JS文件，出现中文乱码的解决方法(
  5. 使用prototype.js的有关问题
  6. 在JS里替换字符串中所有的</p>解决方法
  7. 为什么window的父窗口为空？该怎么解决
  8. ExtJS中表单印证使用自定义vtype(两次输入密码重复)示例
  9. 修改extjs4.1的example里的tree/check-tree例子，希望可以读取指定json节点上的数据，一直不成功，求教