前端CSS框架 前端CSS框架 上机2-手风琴+布局.docxVIP

实验2 实验题目：easyui 布局类组件 实验原理：布局组件的属性、方法、事件 实验内容： 3、Accordion(手风琴) （1）、属性： 制作如下的手风琴： 参考代码： 或者通过js实现： 注意：如果一定要使用multiple属性，可以不用设置高度，或者设置高度，不设置multiple属性。 属性 选做： （2）、方法 例如tabs中获取（getPanel）索引为2的选项卡是否存在，并点击工具条上的工具，删除(remove)accordion中索引为2的选项卡 add方法 （3）事件 例如，给“a1添加一个事件” 选中第一个面板效果： 4、layout 制作如下布局： 也可以做： 创建布局面板 使用HTML标签创建布局面板，只须要对div标签引用easyui-layout类。 div?id=cc?class=easyui-layout?style=width:600px;height:400px;?? ????div?region=north?title=North?Title?split=true?style=height:100px;/div?? ????div?region=south?title=South?Title?split=true?style=height:100px;/div?? ????div?region=east?iconCls=icon-reload?title=East?split=true?style=width:100px;/div?? ????div?region=west?split=true?title=West?style=width:100px;/div?? ????div?region=center?title=center?title?style=padding:5px;background:#eee;/div?? /div?? 在整个页面创建布局面板。 body?class=easyui-layout?? ????div?region=north?title=North?Title?split=true?style=height:100px;/div?? ????div?region=south?title=South?Title?split=true?style=height:100px;/div?? ????div?region=east?iconCls=icon-reload?title=East?split=true?style=width:100px;/div?? ????div?region=west?split=true?title=West?style=width:100px;/div?? ????div?region=center?title=center?title?style=padding:5px;background:#eee;/div?? /body?? （1）属性： 内层的区域面板属性： （2）layout方法