您的位置：首页 > Web前端 > CSS

使用css+js构造的无限级菜单（寻梦的稻草人）

2008-04-04 13:43 465 查看

先看看效果：

html代码：

function initMenu(event,ul){
    if(!ul) ul = document.getElementById("menu");
    li = ul.getElementsByTagName("li");
    for(i=0;i    {
        li[i].onmouseover = function(){
            try{
                this.className='over';
                this.getElementsByTagName("ul")[0].style.display="block";
            }catch(e){};
        }
        li[i].onmouseout = function(){
            try{
                this.className='out';
                this.getElementsByTagName("ul")[0].style.display="none";
            }catch(e){};
        }
    }
}
window.onload = initMenu;

这是菜单1

这是菜单1
- 这是子菜单
- 这是菜单1
  - 这是子菜单
  - 这是子菜单
  - 这是菜单1
    - 这是子菜单
    - 这是菜单1
      - 这是子菜单
      - 这是子菜单
      - 这是子菜单
    - 这是子菜单
- 这是子菜单

这是菜单1
- 这是子菜单
- 这是子菜单
- 这是子菜单

这是子菜单

这是菜单2

这是子菜单

这是子菜单

这是子菜单

这是菜单3

这是子菜单

这是子菜单

这是子菜单

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航