jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單
更新時間：2016年08月17日 14:34:59 作者：zhyue93
這篇文章主要介紹了jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
先給大家看下效果圖，效果圖展示如下：
關(guān)鍵代碼如下所示：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首頁</title>
<link href="../JQuery/easyui/themes/icon.css" rel="stylesheet" />
<link href="../JQuery/easyui/themes/default/easyui.css" rel="stylesheet" />
<script src="../JQuery/jquery.min.js"></script>
<script src="../JQuery/easyui/jquery.easyui.min.js"></script>
<script src="../JQuery/easyui/locale/easyui-lang-zh_CN.js"></script>
<style>
#div_leftmenu div {
font-size: 15px;
}
#div_leftmenu div ul {
margin: 15px 15px 15px 15px;
padding: 0;
overflow: hidden;
line-height: 40px;
}
#div_leftmenu div ul li {
list-style-type: none;
background-color: #DFE2E3;
text-align: center;
margin-bottom: 15px;
}
#div_leftmenu div ul li:last-of-type {
margin-bottom: 0;
}
</style>
</head>
<body class="easyui-layout" style="font-size: 15px;">
<form id="form1" runat="server">
<!--左側(cè)-->
<div data-options="region:'west',title:' '" style="width: 250px; background-color: powderblue; font-size: inherit;">
<div id="div_welcome" style="margin: 15px 0 15px 0; text-align: center;">admin,歡迎您</div>
<div id="div_leftmenu" class="easyui-accordion">
<div title="Title1">
<ul>
<li>的撒打算的</li>
</ul>
</div>
<div title="Title2">
</div>
<div title="Title3">
</div>
</div>
</div>
<!--右側(cè)-->
<div data-options="region:'center',title:' '" style="padding: 5px;">
</div>
</form>
</body>
</html>
好了，代碼到此結(jié)束。下篇文章給大家介紹jQuery Easyui使用（二）之可折疊面板動態(tài)加載無效果的解決方法
以上所述是小編給大家介紹的jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
jQuery實現(xiàn)的購物車物品數(shù)量加減功能代碼
這篇文章主要介紹了jQuery實現(xiàn)的購物車物品數(shù)量加減功能,涉及jQuery針對鼠標事件的響應(yīng)及頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
使用prop解決一個checkbox選中后再次選中失效的問題
下面小編就為大家?guī)硪黄褂胮rop解決一個checkbox選中后再次選中失效的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
本文匯總介紹了常見的jQuery選擇器知識，包含基本元素選擇器、分層選擇器、基本條件選擇器、內(nèi)容條件選擇器、可見性條件選擇器、屬性選擇器、子元素選擇器、表單元素選擇器、表單屬性選擇器。十分的詳盡，有需要的小伙伴參考下吧2014-11-11
jquery實現(xiàn)tab鍵進行選擇后enter鍵觸發(fā)click行為
本文主要介紹了jquery鍵盤事件實現(xiàn)tab鍵進行選擇后enter鍵觸發(fā)click行為的方法，這種使用場景為當首頁有幾個鏈接需要選擇的時候，使用鍵盤就可以進行觸發(fā)行為。下面跟著小編一起來看下吧2017-03-03
jq實現(xiàn)左側(cè)顯示圖片右側(cè)文字滑動切換效果
這篇文章是基于jq技術(shù)實現(xiàn)左側(cè)顯示圖片右側(cè)文字滑動切換效果的相關(guān)資料，有需要的小伙伴可以來參考下2015-08-08
這篇文章主要介紹了jQuery實現(xiàn)的多滑動門，多選項卡效果代碼,具有tab切換與滑動門的功能,涉及鼠標事件的響應(yīng)與頁面元素屬性動態(tài)變換操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2016-03-03
TextArea不支持maxlength的解決辦法(jquery)
自己寫了一個jquery的擴展，這樣就可以很容易實現(xiàn)對textarea控制最大長度了。2011-09-09
jQuery實現(xiàn)側(cè)浮窗與中浮窗切換效果的方法
這篇文章主要介紹了jQuery實現(xiàn)側(cè)浮窗與中浮窗切換效果的方法,涉及jQuery針對頁面元素的動態(tài)操作技巧,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了jQuery中:checked選擇器用法,實例分析了:checked選擇器的功能、定義及選取選中的復(fù)選框或單選按鈕時的使用技巧,需要的朋友可以參考下2015-01-01
現(xiàn)在jquery比較流行，很多的選項卡效果可以通過jquery來實現(xiàn)。2011-06-06