创建XP风格的左侧面板

使用教程 » 创建XP风格的左侧面板

通常情况下,Windows XP中的资源管理器文件夹有一个包含常见任务的左面板。 本教程向您展示如何使用easyui的panel插件创建XP左面板。

定义多个面板

我们定义了几个面板来显示一些任务,每个面板应该只有一个折叠/展开工具按钮.

代码如下:

定制面板外观效果

注意,视图的外观效果并不是我们想要的,我们必须更改面板的标题背景图像 和折叠/展开按钮图标。

这并不难,我们应该做的是重新定义一些CSS。

如您所见,使用easyui定义用户界面非常简单.

下载 EasyUI 实例:

easyui-panel-demo.zip