非常酷的CSS菜单效果A（经典）

非常酷的CSS菜单效果A（经典）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">powered by 25175.net

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Menu Design 4</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="CSS menus free for all" />
<meta name="keywords" content="CSS, css, CSS menu, CSS design, css design, CSS menu design, e-lusion, Ian, ian, e-lusion.com" />
<meta name="author" content="Ian Main" />
<meta name="Copyright" content="Creative Commons - http://creativecommons.org/licenses/by/2.0/" />
<style type="text/css">

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

/* =-=-=-=-=-=-=-[Menu Four]-=-=-=-=-=-=-=- */

#menu4 {
width: 200px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
margin: 10px;
}

#menu4 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu4 li a:link, #menu4 li a:visited {
color: #9E3C02;
display: block;
background: url(http://www.kumeir.com/forum/img/menu4/images/menu4.gif);
padding: 8px 0 0 30px;
}

#menu4 li a:hover {
color: #fff;
background: url(http://www.kumeir.com/forum/img/menu4/images/menu4.gif) 0 -32px;
padding: 8px 0 0 30px;
}

#menu4 li a:active {
color: #fff;
background: url(http://www.kumeir.com/forum/img/menu4/images/menu4.gif) 0 -64px;
padding: 8px 0 0 30px;
}

</style>
</head>

<body>
  <div id="menu4">
  <ul>
   <li><a href="http://www.kumeir.com/forum" title="Home">Home</a></li>
   <li><a href="../../../#2" title="About">About</a></li>
   <li><a href="../../../#3" title="Services">Services</a></li>
   <li><a href="../../../#4" title="Portfolio">Portfolio</a></li>
   <li><a href="../../../#5" title="Store">Store</a></li>
   <li><a href="http://www.kumeir.com/forum/img/menu4/menu4.zip" title="Download">Download 菜单代码</a></li>
  </ul>
</div>

【内容导航】
第1页：完全用CSS实现的中英文双语导航菜单(经典)	第2页：商业风格的CSS垂直菜单
第3页：突起的导航栏效果[经典]	第4页：点击显示的FAQ菜单效果[经典]
第5页：一款DIV+CSS闪动导航条效果(经典)	第6页：非常酷的CSS菜单效果B(经典)
第7页：非常酷的CSS菜单效果A（经典）	第8页：会旋转的菜单导航（经典）
第9页：带项目描述的导航菜单（经典）	第10页：聚合的导航菜单效果（经典）
第11页：整合在IE中的导航条（经典）	第12页：含下拉菜单的绿色导航条
第13页：关联菜单（连动菜单）	第14页：可拖动的导航菜单
第15页：多级滚动菜单	第16页：微软导航菜单
第17页：鼠标移到文字上自动展开	第18页：点击渐显的导航菜单
第19页：随机网站推荐脚本	第20页：网站内快捷键导航
第21页：左侧导航菜单类似按钮	第22页：可移动的导航栏
第23页：页面顶部多级导航栏	第24页：浮动、隐藏的导航菜单
第25页：上下弹动的导航条	第26页：鼠标指向显示次级菜单
第27页：漂亮的仿flash菜单	第28页：滑动的层作菜单导航
第29页：精彩的跳动菜单效果	第30页：类似与QQ的好友/黑名单之类的树型菜单
第31页：定时改变标题栏的内容

菜单导航集合

非常酷的CSS菜单效果A（经典）