欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jQueryEasyUI折疊面板accordion的使用實例(分享)

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)

搜索引擎優(yōu)化