笔记本电脑或是台式机
互联网
jQuery EasyUI
Basic Panel，The panel is a container for other components or elements.基本面板，面板是其他组件或元素的容器。
Basic Panel
The panel is a container for other components or elements.
jQuery EasyUI framework helps you build your web pages easily.
- easyui is a collection of user-interface plugin based on jQuery.
- easyui provides essential functionality for building modem, interactive, javascript applications.
- using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.
- complete framework for HTML5 web page.
- easyui save your time and scales while developing your products.
- easyui is very easy but powerful.
最基本的面板，有打开面板和关闭面板两个操作，运行效果，如下图所示。onclick='javascript:$('#p').panel('open')'onclick='javascript:$('#p').panel('close')'
Panel Tools，Click the right top buttons to perform actions with panel.面板工具，点击右上方的按钮执行面板相关动作。
Panel Tools
Click the right top buttons to perform actions with panel.
jQuery EasyUI framework helps you build your web pages easily.
- easyui is a collection of user-interface plugin based on jQuery.
- easyui provides essential functionality for building modem, interactive, javascript applications.
- using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.
- complete framework for HTML5 web page.
- easyui save your time and scales while developing your products.
- easyui is very easy but powerful.
Panel Tools，运行效果，如下图所示。
Custom Panel Tools（自定义面板工具），Click the right top buttons to perform actions with panel.
Custom Panel Tools
Click the right top buttons to perform actions with panel.
jQuery EasyUI framework helps you build your web pages easily.
- easyui is a collection of user-interface plugin based on jQuery.
- easyui provides essential functionality for building modem, interactive, javascript applications.
- using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.
- complete framework for HTML5 web page.
- easyui save your time and scales while developing your products.
- easyui is very easy but powerful.
Custom Panel Tools（自定义面板工具），运行效果，如下图所示。
Panel Footer（面板尾部），The panel footer is displayed at the bottom of the panel and can consist of any other components（面板尾部被现实在面板的底部，并且可以由任何其他组件组成。）.
Panel Footer
The panel footer is displayed at the bottom of the panel and can consist of any other components.
面板尾部，运行效果，如下图所示。
Load Panel Content（加载面板内容），Click the refresh button on top right of panel to load content（点击面板右上方的刷新按钮加载内容）.
Load Panel Content
Click the refresh button on top right of panel to load content.
加载面板内容，运行效果，如下图所示。
Nested Panel(嵌套式面板),The panel can be placed inside containers and can contain other components（该面板可以被放置在容器内部，区别可以容纳其它组件。）.
Nested Panel
The panel can be placed inside containers and can contain other components.
Nested Panel(嵌套式面板)，运行效果，如下图所示。
Fluid Panel（流体面板），This example shows how to set the width of Panel to a percentage of its parent container（这个例子展示了如何设置面板的宽度通过其父容器的百分比）.
Fluid Panel
This example shows how to set the width of Panel to a percentage of its parent container.
The panel has a width of 100%.
Fluid Panel（流体面板），运行效果，如下图所示。
jQuery EasyUI插件依赖于JQuery，需要在easyui.min.js之前引入JQuery库
除了引入easyui.min.js文件之外，还引入相应的库文件。