首页 > 其他 > 详细

下拉菜单

时间:2014-06-17 19:47:47      阅读:455      评论:0      收藏:0      [点我收藏+]

//菜单下拉

function menu(){  

  var oNav=document.getElementById(‘top-menu‘);   

  var aLi=oNav.getElementsByTagName(‘li‘);  

  for(var m=0;m<aLi.length;m++)  {   

    aLi[m].onmouseover=function(){        

      clearInterval(this.timer);    

      this.className="current_page_item";    

      this.getElementsByTagName(‘ul‘)[0].style.display="block";

       }   

  aLi[m].onmouseout=function(){    

    var obj=this;        

    clearInterval(this.timer);    

    this.timer=setInterval(function(){     

      obj.className="";     

      obj.getElementsByTagName(‘ul‘)[0].style.display="none";     },200)        

    }          

  }

 }  

 

//获取样式

function getByClass(oParent,sClass)  {   

  var aEle=document.getElementsByTagName(‘*‘);   

  var i=0;   

  var aResult=[];

  for (i=0;i<aEle.length;i++ )    {    

    if(aEle[i].className==sClass)    

      {

        aResult.push(aEle[i]);

      }   

  }   

  return aResult;  

}

下拉菜单,布布扣,bubuko.com

下拉菜单

原文:http://www.cnblogs.com/print/p/3792222.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!