手风琴可伸缩面板组件,基于面板,示例如下:
& lt; !doctype html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/easyui/jquery.min.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/easyui/jquery.easyui.min.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/easyui/locale/easyui-lang-zh_CN.js "祝辞& lt;/script>
& lt;链接rel="样式表" type=" text/css " href=" https://www.yisu.com/zixun/easyui/themes/bootstrap/panel.css " rel=巴獠縩ofollow”/比;
& lt;链接rel="样式表" type=" text/css " href=" https://www.yisu.com/zixun/easyui/themes/icon.css " rel=巴獠縩ofollow”/比;
& lt; title> Document
& lt; script>
$(函数(){
$ (' # ac ') .accordion ({//面板属性
动画:真的,//定义展开和折叠的时候是否显示动画效果
宽度:600//面板宽度
身高:200//面板高度
适合:假的,//自适应父容器默认假在此例中就是浏览器,设置为真正的面板会铺满浏览器
边界:真的,//是否显示边框
多个:假的,//是否可以同时展示多个面板1.3.5可用
选择:0,//设置默认展开的顺序号//面板操作触发事件//面板被选中时触发事件
比;
& lt; div title=癟itle1 iconCls=癷con-save”比;
& lt;/div>
& lt; div title=癟itle2”iconCls=癷con-reload”分裂:真正的“比;
& lt;/div>
& lt; div title=癟itle3 iconCls=癷con-edit”比;
& lt;/div>
& lt;/div>
& lt;/body>
& lt;/html>之前
效果图:
点此下载源代码:手风琴可伸缩面板组件
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
