再次补充一下 因为搜索优化的关系  最好能不用iframe进行嵌套,可以像动态页面那样直接一行代码引用一个区域的html字符串最好

解决方案 »

  1.   

    jquery easyui 有做好的 自己看下
      

  2.   


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style>    
    ul,li{
    list-style:none;
    padding:0;
    margin:0;
    border:1px solid;
    width:98px;
    } li{
    position:relative;
    overflow:hidden;
    }
    li>ul{
    position:absolute;
    top:0;
    left:98px;
    }
    li:hover{
    overflow:visible;
    }</style>
    </head> 
    <body>
    <ul>
    <li>
    <span>1</span>
    <ul>
    <li><span>1-1</span>
    <ul>
    <li>1-1-1</li>
    <li>1-1-2</li>
    <li>1-1-3</li>
    </ul>
    </li>
    <li><span>1-2</span>
    <ul>
    <li>1-2-1</li>
    <li>1-2-2</li>
    <li>1-2-3</li>
    </ul>
    </li>
    <li><span>1-3</span></li>
    </ul>
    </li>
    <li><span>2</span></li>
    <li><span>3</span></li>
    </ul>
    </body>
    <script>
    </script>
    </html>
      

  3.   


    我感动得要流泪了  好厉害,真心好厉害,纯CSS实现多级菜单效果  感谢分享.
      

  4.   


    我感动得要流泪了  好厉害,真心好厉害,纯CSS实现多级菜单效果  感谢分享.
    这个真心不错啊。简洁有效。收藏了。