<!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=gbk" />
<title>多级下拉菜单实例</title>
<link href="nav.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="common.js"></script>
<script language="javascript" src="nav.js"></script>
</head>
<body>
<div class="cent">
<div class="menuNav">
<h2>商品分类</h2>
<div class="navlist" id="SNmenuNav">
<dl>
<dt class="icon01"><a href="#">零食系列</a></dt>
<dd class="menv01">
<div class="sideleft">
<a href="#">八宝粥+饼干</a>|<a href="#">方便面 + 泡面拍档</a>|<a href="#">小吃+零食</a>|
</div>
</dd>
</dl>
<dl>
<dt class="icon02"><a href="#">休闲食品</a></dt>
<dd class="menv02">
<div class="sideleft">
<a href="#">八宝粥+饼干</a>|<a href="#">方便面 + 泡面拍档</a>|<a href="#">小吃+零食</a>|
</div>
</dd>
</dl>
<dl>
<dt class="icon03"><a href="#">肉类熟食</a></dt>
<dd class="menv03">
<div class="sideleft">
<a href="#">八宝粥+饼干</a>|<a href="#">方便面 + 泡面拍档</a>|<a href="#">小吃+零食</a>|
</div>
</dd>
</dl>
<dl>
<dt class="icon04"><a href="#">饼干糕点</a></dt>
<dd class="menv04">
<div class="sideleft">
<a href="#">八宝粥+饼干</a>|<a href="#">方便面 + 泡面拍档</a>|<a href="#">小吃+零食</a>|
</div>
</dd>
</dl>
<dl>
<dt class="icon05"><a href="#">牛奶饮品</a></dt>
<dd class="menv05">
<div class="sideleft">
<a href="#">八宝粥+饼干</a>|<a href="#">方便面 + 泡面拍档</a>|<a href="#">小吃+零食</a>|
</div>
</dd>
</dl>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>