纵向菜单:

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>
 

 

 

相关文章:

  • 2022-02-10
  • 2021-10-01
  • 2021-08-08
  • 2022-12-23
  • 2021-11-12
  • 2022-12-23
  • 2021-05-17
  • 2022-12-23
猜你喜欢
  • 2022-03-05
  • 2021-08-13
  • 2021-10-13
  • 2021-07-11
  • 2021-12-12
  • 2022-12-23
相关资源
相似解决方案