页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

jQuery UI库w2ui

布局 UI组件库 HTML我帮您 1年前  次浏览
jQuery UI库w2ui
w2ui库是一套 jQuery插件。该w2layout对象允许您创建拉伸可调整大小的高达6的面板布局。面板上,左,右,和主,预览,底。您不必创建并初始化所有6个板,但只有你的应用需要的面板。
w2ui库是一体化解决方案。它包括了所有最常见的UI部件:布局,网格,侧边栏,标签,工具栏,弹出窗口,控件和窗体的字段。你不需要投入一集不匹配的插件来实现你的目标。 举个简单的布局例子
$(function () {
    var pstyle = 'background-color: #F5F6F7; border: 1px solid #dfdfdf; padding: 5px;';
    $('#layout').w2layout({
        name: 'layout',
        panels: [
            { type: 'top',  size: 50, resizable: true, style: pstyle, content: 'top' },
            { type: 'left', size: 200, resizable: true, style: pstyle, content: 'left' },
            { type: 'main', style: pstyle, content: 'main' },
            { type: 'preview', size: '50%', resizable: true, style: pstyle, content: 'preview' },
            { type: 'right', size: 200, resizable: true, style: pstyle, content: 'right' },
            { type: 'bottom', size: 50, resizable: true, style: pstyle, content: 'bottom' }
        ]
    });
});

相关链接

版权所有

发表评论