您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 导航菜单 >

    纯CSS竖向多级导航菜单黑色风格

    时间:2014-06-11 08:18 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印
    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
    • 很酷很漂亮的纯CSS竖向多级导航菜单,一级接一级,黑色风格,看上去很爽哦!它会依次向右展开,最多支持三级,有兴趣你好好研究一下哦!
    • <style type="text/css">
      .menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
      .menu ul li a:hover ul li a.hide {display:none;}
      .menu ul li a:hover {color:#fff; background:#36f;}
      .menu ul li a:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
      .menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;}
      .menu ul li a:hover ul li a {display:block; background:#eee; color:#000;}
      .menu ul li a:hover ul li a ul {visibility:hidden;}
      .menu ul li a:hover ul li a:hover {background:#6fc; color:#000;}
      .menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}
      </style>
    纯CSS竖向多级导航菜单黑色风格由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/daohang/9079.html
    标签:网站源码