1、對折疊面板區(qū)域 div 設置 class=”easyui-accordion”

創(chuàng)新互聯(lián)公司是一家專業(yè)提供武隆企業(yè)網(wǎng)站建設,專注與做網(wǎng)站、成都網(wǎng)站設計、H5頁面制作、小程序制作等業(yè)務。10年已為武隆眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進行中。
2、在區(qū)域添加多個 div, 每個 div 就是一個面板 (每個面板一定要設置 title 屬性)。
3、設置面板屬性 fit 為 true,自適應父容器大小
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>easyui-折疊面板accordion的使用</title>
<!-- 導入jquery核心類庫 -->
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<!-- 導入easyui類庫 -->
<link id="easyuiTheme" rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../css/default.css">
<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',title:'你我他學習吧-學習Java的好博客!'" ></div>
<div data-options="region:'west',title:'菜單導航'" >
<!--折疊面板-->
<div class="easyui-accordion" data-options="fit:true">
<div data-options="title:'基礎菜單'">面板一</div>
<div data-options="title:'系統(tǒng)菜單'">面板二</div>
</div>
</div>
<div data-options="region:'center',title:'中部區(qū)域'"></div>
<div data-options="region:'east',title:'東部區(qū)域'" ></div>
<div data-options="region:'south',title:'南部區(qū)域'" ></div>
</body>
</html>以上這篇jQuery EasyUI 折疊面板accordion的使用實例(分享)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。
本文標題:jQueryEasyUI折疊面板accordion的使用實例(分享)
當前URL:http://www.chinadenli.net/article30/gidgpo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、網(wǎng)站設計、域名注冊、用戶體驗、云服務器、移動網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)