jQueryUI互动效果之resizable

最新推荐文章于 2023-04-07 17:24:15 发布

原创最新推荐文章于 2023-04-07 17:24:15 发布 · 368 阅读

0 ·

CC 4.0 BY-SA版权

jqueryUI 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种利用jQuery UI库使网页元素可调整大小的方法。通过简单的HTML和JavaScript代码，演示了如何让一个div标签变得可调整大小，并且详细说明了引入jQuery和jQuery UI所需的资源。

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

demo代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!-- 引入jqueryUI的话，首先要引入jquery -->
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 
	<!-- 引入jqueryUI的js文件 -->
	<script src="jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
	<!-- 引入jQueryUI的css文件 -->
	<link rel="stylesheet" type="text/css" href="jquery-ui-1.12.1.custom/jquery-ui.css">
	<style type="text/css">
		div {
			width: 300px;
			height: 300px;
			border: 1px solid #000;
		}
	</style>
</head>
<body>
	<div></div>
	<script type="text/javascript">
		$("div").resizable();
	</script>
</body>
</html>