jquery 三级下拉菜单插件源码
jquery 三级下拉菜单插件源码
本文章免费为你提供一款jquery下拉菜单插件效果下载，如果你正在找漂亮的ui风格的下拉菜单这款jq的效果很不错哦。
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>style 12 (steel blue) - menu by http://www.zzzyk.com</title>
<link type="text/css教程" href="menu.css" rel="stylesheet" />
<script type="text/网页特效" src="jquery.js"></script>
<script type="text/javascript" src="menu.js"></script>
</head>
<body><style type="text/css">
* { margin:0;
padding:0;
}
html { background:http://www.zzzyk.com333333; }
body {
margin:40px auto;
width:630px;
height:466px;
background:http://www.zzzyk.com454545;
overflow:hidden;
}
divhttp://www.zzzyk.commenu {
margin-left:120px;
position:relative;
top:25px;
}
divhttp://www.zzzyk.comcopyright { display: none; }
</style><div id="menu">
<ul class="menu">
<li><a href="http://www.zzzyk.com" class="parent"><span>home</span></a>
<div><ul>
<li><a href="http://www.zzzyk.com" class="parent"><span>sub item 1</span></a>
<div><ul>
<li><a href="http://www.zzzyk.com" class="parent"><span>sub item 1.1</span></a>
<div><ul>
<li><a href="http://www.zzzyk.com"><span>sub item 1.1.1</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 1.1.2</span></a></li>
</ul></div>
</li>
<li><a href="http://www.zzzyk.com"><span>sub item 1.2</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 1.3</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 1.4</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 1.5</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 1.6</span></a></li>
<li><a href="http://www.zzzyk.com" class="parent"><span>sub item 1.7</span></a>
<div><ul>
<li><a href="http://www.zzzyk.com"><span>sub item 1.7.1</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 1.7.2</span></a></li>
</ul></div>
</li>
</ul></div>
</li>
<li><a href="http://www.zzzyk.com"><span>sub item 2</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 3</span></a></li>
</ul></div>
</li>
<li><a href="http://www.zzzyk.com"><span>product info</span></a>
<div><ul>
<li><a href="http://www.zzzyk.com" class="parent"><span>sub item 1</span></a>
<div><ul>
<li><a href="http://www.zzzyk.com"><span>sub item 1.1</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 1.2</span></a></li>
</ul></div>
</li>
<li><a href="http://www.zzzyk.com" class="parent"><span>sub item 2</span></a>
<div><ul>
<li><a href="http://www.zzzyk.com"><span>sub item 2.1</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 2.2</span></a></li>
</ul></div>
</li>
<li><a href="http://www.zzzyk.com"><span>sub item 3</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 4</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 5</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 6</span></a></li>
<li><a href="http://www.zzzyk.com"><span>sub item 7</span></a></li>
</ul></div>
</li>
<li><a href="http://www.zzzyk.com"><span>help</span></a></li>
<li class="last"><a href="http://www.zzzyk.com"><span>contacts</span></a></li>
</ul>
</div><div id="copyright">copyright © 2010 <a href="http://zzzyk.com/">apycom jquery menus</a></div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></body>
</html>
效果预览地址
http://g.226511.cn/javascript/js/20100831/jp
源码下载地址
http://down.zzzyk.com/js/2010/0831/20545.html
补充：网页制作,jquery 
