竖直分类菜单导航特效代码

2012-1-6：：142

：

好棒的CSS竖直菜单，鼠标放到某一菜单项，菜单会展开，显示出菜单说明，感觉非常好。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <style type="text/css"> a:focus { outline: none; } ul.sidenav { font-size:9pt; float: left; width: 200px; list-style: none; background: #005094; border-bottom: 1px solid #3373a9; border-top: 1px solid #003867; } ul.sidenav li a{ display: block; color: #fff; text-decoration: none; width: 155px; padding: 10px 10px 10px 35px; background: url(http://www.codefans.net/jscss/demoimg/200907/sidenav_a.gif) no-repeat 5px 7px; border-top: 1px solid #3373a9; border-bottom: 1px solid #003867; } ul.sidenav li a:hover { background: #003867 url(http://www.codefans.net/jscss/demoimg/200907/sidenav_a.gif) no-repeat 5px 7px; border-top: 1px solid #1a4c76; } ul.sidenav li span{ display: none; } ul.sidenav li a:hover span { display: block; font-size: 9pt; padding: 10px 0; } </style> </head> <body> <ul class="sidenav"> <li> <a href="#">建站软件 软件功能的介绍。 </a> </li> <li> <a href="#">空间域名 网站的门牌…… </a> </li> <li> <a href="#">网站建设 艺术和创意的结合 </a> </li> <li> <a href="#">企业推广 让客户主动找到你 </a> </li> <li> <a href="#">创业联盟 零风险高回报 </a> </li> </ul> </body> </html> 金华超源网络科技有限公司 <a data-cke-saved-href="http://jh101.com/" href="http://jh101.com/" target="_blank">http://jh101.com/</a>

软件介绍软件功能视频演示

更多网页特效>>

金华市超源网络科技有限公司是一家建站软件开发、网站建设、企业网络推广为主营业务的互联网技术服务公司。以“敬业负责、恪守信誉、积极进取、勇于创新”的经营理念，立足为广大厂家、商家与市场流通之间通过互联网架起信息沟通的的桥梁.；协助商家实施名牌战略，为商品产、供、销提供经济快捷、准确、丰富的信息服务及电子商务服务。

超源1+1专业建站软件可将所有网站功能进行“版块功能组件化”，建站者只需在网站前台（即网站页面）对功能组件进行简单的拖拽、缩放等操作，即可完全按照建站者的构思，建设出专业的网站来。在建站技术上首次实现了所见即所得。