CSS横向菜单和纵向菜单两套

纵向菜单：

CSS页面：

#dymenu .root li{position:relative;float:left;}
#dymenu .root a{color:#FFF;cursor:pointer;text-decoration:none;}
#dymenu .root table{border-collapse:collapse;border-spacing:0;}
#dymenu .root h3{height:25px;margin:0;padding:0 10px;background:#000;color:#FFF;font-size:12px;cursor:default;line-height:25px;}
#dymenu .root ul{display:none;}
#dymenu .root a:hover,#dymenu .root a:hover h3,#dymenu .root li:hover h3{background:#EEE;color:#000;}
#dymenu .root a:hover ul,#dymenu .root li:hover ul{display:block;position:absolute;left:0;width:100px;background:#EEE;}
#dymenu .root ul li{position:relative;float:none;border-top:1px solid #FFF;}
#dymenu .root ul a{display:block;width:100%;text-indent:10px;background:#EEE;color:#000;vertical-align:middle;}
#dymenu .root ul a:hover{background:#DDD;color:#333;}
#dymenu .root ul li h4{width:100px;background-color:#EEE;text-indent:10px;font-size:12px;}
#dymenu .root a:hover a ul,#dymenu .root li:hover li ul{display:none;position:static;background:none;}
#dymenu .root a:hover a:hover h4,#dymenu .root li:hover li:hover h4{background:#DDD;color:#333;cursor:pointer;}
#dymenu .root a:hover a:hover ul,#dymenu .root li:hover li:hover ul{display:block;position:absolute;left:100px;top:0;margin-top:-1px;_margin-top:0;background:#EEE;}
#dymenu .root ul ul li{border-left:1px solid #FFF;}

 页面代码：

			<h4>语义化 »</h4>
			<ul>

			</ul>
			<!--[if IE]></td></tr></table></a><![endif]-->
		</li>

	<h3>css探索之旅</h3>

	</ul>
	<!--[if IE]></td></tr></table></a><![endif]-->
</li>

</script>

pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

横向菜单：

 CSS代码：

#dymenu li{float:left;}
#dymenu a{color:#FFF;cursor:default;text-decoration:none;}
#dymenu table{border-collapse:collapse;border-spacing:0;}
#dymenu h3{height:25px;padding:0 10px;font-size:12px;color:#FFF;font-weight:normal;cursor:default;line-height:25px;}
#dymenu div{display:none;}
#dymenu a:hover,#dymenu a:hover h3,#dymenu li:hover h3{background:#EEE;color:#000;}
#dymenu a:hover div,#dymenu li:hover div{display:block;position:absolute;left:0;width:500px;height:25px;background:#EEE;}
#dymenu div a{display:inline;margin:0 5px;color:#000;cursor:pointer;}
#dymenu div a:hover{background:#EEE;color:#333;}

页面代码：

<![endif]-->

<![endif]-->
    <h3>预留菜单</h3>

pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>