纵向二级菜单

来源：互联网发布：淘宝盈利模式有哪些编辑：程序博客网时间：2024/04/28 07:42

<!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=utf-8" /><title>CSS Menu - Vertical</title><mce:style type="text/css">h1 {font: bold 16px Arial, Helvetica, sans-serif;}p {font: 11px Arial, Helvetica, sans-serif;}a {color: #900;text-decoration: none;}a:hover {background: #900;color: #FFF;}ul#machineMenu,ul#machineMenu li,ul#machineMenu ul {margin: 0;border: 0 none;padding: 0;width: 160px;height: 30px;list-style: none;}ul#machineMenu li {display: block !important;display: inline;position: relative;}ul#machineMenu a {border: 1px solid #FFF;border-right-color: #CCC;border-bottom-color: #CCC;padding: 0 6px;display: block;background: #EEE;color: #666;font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;height: auto !important;height: 1%;}ul#machineMenu a:hover,ul#machineMenu li:hover a,ul#machineMenu li.iehover a {background: #CCC;color: #FFF;}ul#machineMenu li:hover li a,ul#machineMenu li.iehover li a {background: #EEE;color: #666;}ul#machineMenu li:hover li a:hover,ul#machineMenu li:hover li:hover a,ul#machineMenu li.iehover li a:hover,ul#machineMenu li.iehover li.iehover a {background: #CCC;color: #FFF;}ul#machineMenu li:hover li:hover li a,ul#machineMenu li.iehover li.iehover li a {background: #EEE;color: #666;}ul#machineMenu li:hover li:hover li a:hover,ul#machineMenu li:hover li:hover li:hover a,ul#machineMenu li.iehover li.iehover li a:hover,ul#machineMenu li.iehover li.iehover li.iehover a {background: #CCC;color: #FFF;}ul#machineMenu li:hover li:hover li:hover li a,ul#machineMenu li.iehover li.iehover li.iehover li a {background: #EEE;color: #666;}ul#machineMenu li:hover li:hover li:hover li a:hover,ul#machineMenu li.iehover li.iehover li.iehover li a:hover {background: #CCC;color: #FFF;}ul#machineMenu ul,ul#machineMenu ul ul,ul#machineMenu ul ul ul {display: none;position: absolute;top: 0;left: 160px;}ul#machineMenu li:hover ul ul,ul#machineMenu li:hover ul ul ul,ul#machineMenu li.iehover ul ul,ul#machineMenu li.iehover ul ul ul {display: none;}ul#machineMenu li:hover ul,ul#machineMenu ul li:hover ul,ul#machineMenu ul ul li:hover ul,ul#machineMenu li.iehover ul,ul#machineMenu ul li.iehover ul,ul#machineMenu ul ul li.iehover ul {display: block;}--></mce:style><style type="text/css" mce_bogus="1">body {margin: 0;padding: 30px;background: #FFF;color: #666;}h1 {font: bold 16px Arial, Helvetica, sans-serif;}p {font: 11px Arial, Helvetica, sans-serif;}a {color: #900;text-decoration: none;}a:hover {background: #900;color: #FFF;}ul#machineMenu,ul#machineMenu li,ul#machineMenu ul {margin: 0;border: 0 none;padding: 0;width: 160px;height: 30px;list-style: none;}ul#machineMenu li {display: block !important;display: inline;position: relative;}ul#machineMenu a {border: 1px solid #FFF;border-right-color: #CCC;border-bottom-color: #CCC;padding: 0 6px;display: block;background: #EEE;color: #666;font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;height: auto !important;height: 1%;}ul#machineMenu a:hover,ul#machineMenu li:hover a,ul#machineMenu li.iehover a {background: #CCC;color: #FFF;}ul#machineMenu li:hover li a,ul#machineMenu li.iehover li a {background: #EEE;color: #666;}ul#machineMenu li:hover li a:hover,ul#machineMenu li:hover li:hover a,ul#machineMenu li.iehover li a:hover,ul#machineMenu li.iehover li.iehover a {background: #CCC;color: #FFF;}ul#machineMenu li:hover li:hover li a,ul#machineMenu li.iehover li.iehover li a {background: #EEE;color: #666;}ul#machineMenu li:hover li:hover li a:hover,ul#machineMenu li:hover li:hover li:hover a,ul#machineMenu li.iehover li.iehover li a:hover,ul#machineMenu li.iehover li.iehover li.iehover a {background: #CCC;color: #FFF;}ul#machineMenu li:hover li:hover li:hover li a,ul#machineMenu li.iehover li.iehover li.iehover li a {background: #EEE;color: #666;}ul#machineMenu li:hover li:hover li:hover li a:hover,ul#machineMenu li.iehover li.iehover li.iehover li a:hover {background: #CCC;color: #FFF;}ul#machineMenu ul,ul#machineMenu ul ul,ul#machineMenu ul ul ul {display: none;position: absolute;top: 0;left: 160px;}ul#machineMenu li:hover ul ul,ul#machineMenu li:hover ul ul ul,ul#machineMenu li.iehover ul ul,ul#machineMenu li.iehover ul ul ul {display: none;}ul#machineMenu li:hover ul,ul#machineMenu ul li:hover ul,ul#machineMenu ul ul li:hover ul,ul#machineMenu li.iehover ul,ul#machineMenu ul li.iehover ul,ul#machineMenu ul ul li.iehover ul {display: block;}</style><mce:script type="text/javascript"></mce:script></head><body><h1>CSS Menu - Vertical</h1><hr /><ul id="machineMenu"><li><a href="#" mce_href="#">Blog</a></li><li><a href="#" mce_href="#">Work +</a><ul><li><a href="#" mce_href="#">Websites +</a><ul><li><a href="#" mce_href="#">qrayg</a></li><li><a href="#" mce_href="#">qArcade</a></li><li><a href="#" mce_href="#">qLoM</a></li><li><a href="#" mce_href="#">qDT</a></li></ul></li><li><a href="#" mce_href="#">Pen and Ink</a></li><li><a href="#" mce_href="#">Free Interfaces</a></li></ul></li><li><a href="#" mce_href="#">Learn +</a><ul><li><a href="#" mce_href="#"><a href="http://www.jb51.net/list/list_10_1.htm" mce_href="http://www.jb51.net/list/list_10_1.htm" target="_blank"><font color=red>Fireworks</font></a><ul><li><a href="#" mce_href="#">aquaButton</a></li><li><a href="#" mce_href="#">aquaButton2</a></li><li><a href="#" mce_href="#">waterDrop</a></li><li><a href="#" mce_href="#">lightFX</a></li><li><a href="#" mce_href="#">lightFX2</a></li></ul></li><li><a href="#" mce_href="#">CSS +</a><ul><li><a href="#" mce_href="#">footerStick</a></li><li><a href="#" mce_href="#">spriteNav</a></li><li><a href="#" mce_href="#">@import</a></li></ul></li></ul></li><li><a href="#" mce_href="#">Info</a></li><li><a href="#" mce_href="#">Contact</a></li></ul></body></html>