可拖拽和最大化最小化的多功能浮动面板jQuery插件 A jQuery plugin to create multifunctional floating panel

Basic example using jsPanel

Example 1：创建一个默认的jsPanel:

$.jsPanel();

Example 1

Example 2：创建一个带标题，主题样式和初始定位的jsPanel:

$.jsPanel({
    position: {
        left: 200,
        top:  100
    },
    title:    'jsPanel theme info',
    theme:    'info'
});

Example 2

Example 3 ：创建一个带头部工具栏的jsPanel：

Example 3

Example 4：在测试容器中创建一个jsPanel，jsPanel只能在这个容器中拖动：

$.jsPanel({
    selector:  '.testcontainer',
    theme:     'dark',
    position:  'center',
    draggable: {
        containment: "parent"
    }
});

Example 4