easyUI入门《三、resizable基础：调节大小》

最新推荐文章于 2024-04-17 04:56:21 发布

原创最新推荐文章于 2024-04-17 04:56:21 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

easyUI 专栏收录该内容

30 篇文章

订阅专栏

本文展示了一个使用jQuery EasyUI库实现的简单网页布局示例，包括基本的HTML结构及必要的JavaScript和CSS文件引入，通过定义一个可调整大小的div元素来演示EasyUI的基本用法。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		<!--引入基本库-->
		<script type="text/javascript" src="jquery-easyui-1.5.5.4/jquery.min.js"></script>
		<script type="text/javascript" src="jquery-easyui-1.5.5.4/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="jquery-easyui-1.5.5.4/locale/easyui-lang-zh_CN.js"></script>
		<link rel="stylesheet" href="jquery-easyui-1.5.5.4/themes/default/easyui.css" />
		<link rel="stylesheet" href="jquery-easyui-1.5.5.4/themes/icon.css" />
	</head>
	<body>
		<div data-options="minWidth:100,minHeight:100" class="easyui-resizable" style="width: 200px; height: 150px;border: 1px solid #ccc;" ></div>
	</body>
</html>