Jquery互动对话框是怎么实现的

[林少1024]

类似这种弹出的对话框，登录后跳转，对话框返回值等。是怎么实现 的
是采用哪种插件呢。

[全栈极简]

这个完全可以自己写，当然也有各种现成的，不过可定制化不高。帮顶吧，说来话长。。

[davidcoffee]

用jquery ui中的dialog他已经封装的很强大了，看下api大多数功能都有的
你要的大概就是如下效果吧

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <input type="button" id="testDialog" name="testDialog" onclick="javascript:$('#dialog').dialog('open');"
        value="测试Dialog" />
    <div id="dialog" title="Dialog Title">
        <table style="width: 90%;">
            <tr>
                <th colspan="2">
                    <strong>基本信息</strong>
                </th>
            </tr>
            <tr>
                <td style="width: 30%;">
                    <strong>登陆账号：</strong>
                </td>
                <td style="width: 70%;">
                    <input id="account" name="account" value="" />
                </td>
            </tr>
            <tr>
                <td style="width: 30%;">
                    <strong>密码：</strong>
                </td>
                <td style="width: 70%;">
                    <input id="password" name="password" value="" />
                </td>
            </tr>
        </table>
        <%--        <input type="text" name="modifyValue" id="modifyValue" value="" />--%>
    </div>
    <script language="javascript" type="text/javascript">

        var InitDialog = function () {
            $('#dialog').dialog({
                autoOpen: false,
                width: 600,
                title: "用户登陆",
                buttons: {
                    "Ok": function () {
                        //触发你的jquery form验证通过进行下一步，关闭dialog
                        $(this).dialog("close");
                    },
                    "Cancel": function () {
                        $(this).dialog("close");
                    }
                }
            });
        }
        //创建dialog对象表示初始化，等同于在$().ready(function(){})里调用
        var initDialog = new InitDialog();
    </script>
</asp:Content>

[davidcoffee]

下载地址http://jqueryui.com/里面不只有你要的dialog还有其他tab啦，折叠啦，自动联想各种强大啊...希望对你有帮助啦~当然如2L所说要锻炼下也可以自己写个这样的他这种dialog无非就是个div，你写点JS和样式让他看起来是浮层效果就行了~

[色拉油]

自己用个绝对定位的DIV就能实现