JQ——menu(jq-ui)

最新推荐文章于 2023-06-10 08:49:17 发布

spfLinux

最新推荐文章于 2023-06-10 08:49:17 发布

阅读量323

点赞数

分类专栏： jQuery 文章标签： JQ menu

本文链接：https://blog.youkuaiyun.com/spfLinux/article/details/78773115

版权

jQuery 专栏收录该内容

21 篇文章

订阅专栏

本文介绍如何使用jQuery UI插件创建一个具有子菜单的导航菜单。通过简单的HTML结构结合jQuery UI的功能，可以轻松实现响应式的菜单效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link href="jquery-ui.css" rel="stylesheet">
	<style>
		#menu{
			width: 10%;
		}
	</style>
</head>
<body>
	<ul id="menu">
		<li><div>111</div></li>
		<li><div>222</div></li>
		<li><div>333</div></li>
		<li><div>444</div>
			<ul>
				<li><div>4_1</div></li>
				<li><div>4_2</div></li>
				<li><div>4_3</div></li>
			</ul>
		</li>
	</ul>

	<script src="external/jquery/jquery.js"></script>
	<script src="jquery-ui.js"></script>
	<script>
		$("#menu").menu();
	</script>
</body>
</html>