您的位置：首页 > Web前端 > JQuery

Jquery实现菜单处理menu

2014-03-23 15:33 369 查看
<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8" />

<title>jQuery UI Menu - Default functionality</title>

<link rel="stylesheet"

href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<link rel="stylesheet" href="/resources/demos/style.css" />

<script>

$(function() {

$( "#menu" ).menu();

});

</script>

<style>

.ui-menu {

width: 150px;

}

</style>

</head>

<body>

<ul id="menu">

<li class="ui-state-disabled">

<a href="#">Aberdeen</a>

</li>

<li>

<a href="#">Ada</a>

</li>

<li>

<a href="#">Adamsville</a>

</li>

<li>

<a href="#">Addyston</a>

</li>

<li>

<a href="#">Delphi</a>

<ul>

<li class="ui-state-disabled">

<a href="#">Ada</a>

</li>

<li>

<a href="#">Saarland</a>

</li>

<li>

<a href="#">Salzburg</a>

</li>

</ul>

</li>

<li>

<a href="#">Saarland</a>

</li>

<li>

<a href="#">Salzburg</a>

<ul>

<li>

<a href="#">Delphi</a>

<ul>

<li>

<a href="#">Ada</a>

</li>

<li>

<a href="#">Saarland</a>

</li>

<li>

<a href="#">Salzburg</a>

</li>

</ul>

</li>

<li>

<a href="#">Delphi</a>

<ul>

<li>

<a href="#">Ada</a>

</li>

<li>

<a href="#">Saarland</a>

</li>

<li>

<a href="#">Salzburg</a>

</li>

</ul>

</li>

<li>

<a href="#">Perch</a>

</li>

</ul>

</li>

<li class="ui-state-disabled">

<a href="#">Amesville</a>

</li>

</ul>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航