js工作随记关于下拉菜单2014.3.27

发现一个问题就是例如

οnmοuseοver="openA('ren1')"   其中obj就是代表了这个ren1

在function openA(obj)就可以出发这个函数如果 ' 换成了 " 就不可以了

下面是下拉菜单的纯js代码附带代码执行顺序

                    var cname=0;声明变量cname
                var closetime=0;声明变量cname
          function openA(obj)当鼠标移动到标签时候触发openA
    {
     openB();当openA函数执行时候执行自定义函数openB,这个时候openB由于closetime=0没有作用运行下一条
     if(cname)因为cname也是0所以运行下一条
     {
      cname.style.display="none";
     }
     cname=document.getElementById(obj);这个就是获取需要显示下拉菜单的id
     cname.style.display="block";     使其id的css重的display属性由none变为bock，这个时候下拉菜单显示出来了，当鼠标  

     }                                              离开openA所在的div层时候触发closeA
     function closeA()
{
closetime=window.setTimeout(closet,500); 设定一个延迟是半秒关闭执行下面一个函数运算
}

 function closet()
{

if(cname)这个时候cname是不为0的于是让其隐藏
{
cname.style.display="none";
}
}
    

 function openB()当鼠标移动到openA刚触发显示的下拉菜单时候
{
if(closetime)这个closetime变量是！=0的执行下面的函数，而它=0的意义就是如果鼠标只是主菜单经过下拉列表还是会隐藏而不是给隐藏功能清零只有单鼠标放到下拉列表时候才能够让closetime！=0；
{
window.clearTimeout(closetime);这句话是清除closetime函数的延迟关闭这个时候function closet()将不在运行下拉菜单不关闭
closetime=null; 给closetime内容清空
}

 }    
    document.onclick = closeit;  这句话可写可不写意思就是点击时候关闭下拉菜单

这就是下拉列表的运行原理

转载于:https://my.oschina.net/u/1470765/blog/213297