模块设计accordion

最新推荐文章于 2024-05-23 17:56:03 发布

Always0331

最新推荐文章于 2024-05-23 17:56:03 发布

阅读量116

点赞数

分类专栏：实战1——》物流管理系统文章标签： js jquery easyui css html

本文链接：https://blog.csdn.net/qq_40844092/article/details/105301835

版权

实战1——》物流管理系统专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1.引入jquery 插件 easyui

<title>accordion</title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/icon.css">
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script>

2.描述面板

在这里插入图片描述

<body class="easyui-layout">
	<!-- 使用div来描述每个区域 -->
	<div title="毕业论文设计系统" style="height:100px" data-options="region:'north'">北部区</div>
	<div title="数据图表菜单" style="width:200px" data-options="region:'west'">
		<!-- accordion折叠面板 -->
		<div class="easyui-accordion" data-options="fit:true">
		<!-- 使用子div表示每个面板 -->
		<div data-options="iconCls:'icon-save'" title="面板一">111</div>
		<div title="面板二">222</div>
		<div title="面板三">333</div>
		</div>
		</div>
	<div data-options="region:'center'">中部区</div>
	<div style="width:100px" data-options="region:'east'">东部区</div>
	<div style="height:50px" data-options="region:'south'">南部区</div>

Always0331

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模块设计accordion

1.引入jquery 插件 easyui<title>accordion</title> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css"> <link rel="st...
复制链接

扫一扫