你好，我想做个功能界面，但是不会做，能教我吗，谢谢

你好，你可以搜索下easyui，这种界面，直接用人家开发好都框架去做是最快的。自己写都话会比较费力，你自己百度easyui，使用手册，api，demo等都很全。如果不懂，可以私聊我。

    $("<div style='padding: 0px 0px'/>")dialog({
//也可以换成window,如$("<div />")window({ 下面相同
        id: "ui_Login_dialog",
        href: "/WebForm/Ordermanagement_eBayv2_Importhtml", //你设计好的登录页面地址
        title: "Login 登录",
        height: 600,
        width: 1080,
        modal: true,
        buttons: [{
            id: 'btnLogin',
            text: '登录',
            iconCls: 'icon-ok',
            handler: userLogin //登录按钮事件
        }, {
            id: 'btnClose',
            text: '关闭',
            iconCls: 'icon-cancel',
            handler: function () { $("#ui_Login_dialog")dialog('close'); }
        }],
        onLoad: function () {
            initImportData(data);//初始化页面控件
        },
        onClose: function () {
            _excelData = undefined; //释放用到的变量等
            $("#ui_Login_dialog")dialog('destroy');  //销毁dialog对象
        }
    });

如果你的登录页面里已经设计好了登录等按钮的话，也可以把buttons节去掉。

jQueryUI是以jQuery为基础的开源JavaScript网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE60,Firefox3,Safari31,Opera96,和。

目前，前端开发领域类似于有一下几个：

1、jQueryEasyUI

jQueryEasyUI是一组基于jQuery的UI插件集合体，而jQueryEasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

2、Bootstrap

Bootstrap，来自Twitter，是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷。它由Twitter的设计师MarkOtto和JacobThornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的BreakingNews都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

3、Boilerplate

Boilerplate是一个由PaulIrish（GoogleChrome开发人员、jQuery项目成员、Modernizr作者、yayQuery播客主持人）主导的“前端开发模版”。

HTML5Boilerplate是一套具有非常多先进特性的框架，其特性简单介绍如下：

（1）由PaulIrish首创的在HTML页面的body上使用IE条件注释判断浏览器版本，从而大大简化了针对IEHack的成本（在后来的版本中升级为在标签中加入条件注释）（2）HTML5集成，默认使用了很多HTML5的特性，并且使其兼容旧版本浏览器

（3）大量针对服务器的默认配置，无需修改即可配置一个安全、标准的web服务器

（4）完整的JS调试机制——即使在IE下

（5）大量使用CSS3技术，并且集成了几乎所有来自框架中和技术大牛们口头相传的CSS技巧

（6）为所有浏览环境做了优化，包括移动版本和打印版本

（7）默认内置Modernizr，可以检测浏览器对新特性的支持能力，方便针对旧版本浏览器优化

4、jQueryMobile

jQueryMobile是jQuery在手机上和平板设备上的版本。jQueryMobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQueryMobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。

---