当前位置:首页 > 网页特效 > 导航菜单 >

纯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>
由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-daohang/9079.html

导航菜单下载排行

最新文章