<!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>jQuery横向三级下拉菜单-一流素材网</title>
<link type="text/css" href="menu.css" rel="stylesheet" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="menu.js"></script>
</head>
<body>
<style type="text/css">
* { margin:0;
padding:0;
}
html { background:#333333; }
body {
margin:40px auto;
width:560px;
height:552px;
overflow:hidden;
background:#000 url(images/back.jpg) no-repeat;
}
div#menu {
margin:30px 0 0 95px;
position:absolute;
}
div#copyright {
font:11px 'Trebuchet MS';
color:#fff;
text-align:center;
clear:left;
position:absolute;
top:546px;
width:560px;
}
div#copyright a { color:#06b3e1; }
div#copyright a:hover { color:#fff; }
</style>
<div id="menu">
<ul class="menu">
<li><a href="#" class="parent"><span>Home</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.1.2</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
<li><a href="#"><span>Sub Item 1.3</span></a></li>
<li><a href="#"><span>Sub Item 1.4</span></a></li>
<li><a href="#"><span>Sub Item 1.5</span></a></li>
<li><a href="#"><span>Sub Item 1.6</span></a></li>
<li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.7.1</span></a></li>
<li><a href="#"><span>Sub Item 1.7.2</span></a></li>
</ul></div>
</li>
</ul></div>
</li>
<li><a href="#"><span>Sub Item 2</span></a></li>
<li><a href="#"><span>Sub Item 3</span></a></li>
</ul></div>
</li>
<li><a href="#" class="parent"><span>Product Info</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
</ul></div>
</li>
<li><a href="#" class="parent"><span>Sub Item 2</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 2.1</span></a></li>
<li><a href="#"><span>Sub Item 2.2</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Sub Item 3</span></a></li>
<li><a href="#"><span>Sub Item 4</span></a></li>
<li><a href="#"><span>Sub Item 5</span></a></li>
<li><a href="#"><span>Sub Item 6</span></a></li>
<li><a href="#"><span>Sub Item 7</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Help</span></a></li>
<li class="last"><a href="#"><span>Contacts</span></a></li>
</ul>
</div>
<div style="clear:both"></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 />
<p style="text-align:center; color:#fff;">代码整理：<a href="http://www.16sucai.com/" target="_blank">一流素材网</a> 来源：<a href="http://apycom.com/">Apycom jQuery Menus</a></p>
<p style="text-align:center; color:#fff;">＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。</p>
<p></p>
</body>
</html>
jQuery横向三级下拉菜单.rar （20个子文件） 
jquery.js 56KB
images 
selected-right-sub.png 683B
right.gif 12KB subsubmenu-top.png 458B selected-left-sub.png 440B submenu-bottom.gif 2KB submenu-pointer.png 364B left.gif 481B right.png 2KB subsubmenu-top.gif 132B Thumbs.db 7KB submenu-pointer-hover.gif 152B border.png 185B
back.jpg 60KB left.png 413B submenu-bottom.png 2KB
index.html 4KB menu.css 5KB menu.js 14KB 一流素材网.html 2KB资源评论
xieon19862013-12-14非常好，正好用得上。
Practice
- 粉丝: 0
- 资源: 1
