default.aspx内容

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQueryDialog._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <link rel="Stylesheet" href="Style/jquery-ui-themeroller.css" type="text/css" />
    <asp:PlaceHolder id="pl" runat="server" />
    <script src="Common/Scripts/jquery-1.2.6.js"></script>
    <script src="Common/Scripts/ui.core.js"></script>   
    <script src="Common/Scripts/ui.draggable.js"></script>
    <script src="Common/Scripts/ui.resizable.js"></script>
    <script src="Common/Scripts/ui.dialog.js"></script>
    <style>body{font-size:12px;}</style>
</head>
<body>
    <form id="form1" runat="server">
     <script type="text/javascript">   
        $(function(){           
            $("#dialog").dialog({
                modal: true,
                draggable: true,
                resizable: true,
                autoOpen: true,
                width: 400,
                height: 230,
                position: 'center',
                title: '应用系统选择',
                overlay: {
                    opacity: 0.5,
                    background: "black"
                },
                buttons: {
                        '确定': function() {
                            $(this).dialog("close");
                        },
                        '取消': function() { $(this).dialog("close"); }
                }
            });
            $("#dialog2").dialog({
                modal: true,
                draggable: true,
                resizable: true,
                autoOpen: true,
                width: 400,
                height: 230,
                position: 'center',
                title: '应用系统选择',
                overlay: {
                    opacity: 0.5,
                    background: "black"
                },
                buttons: {
                        '确定': function() {
                            $(this).dialog("close");
                        },
                        '取消': function() { $(this).dialog("close"); }
                }
            });
        });
    </script>
    <div id="dialog"><div>
    <table id="tbl_aaa" border="1"><tr><td>
    ABCDEFGHIJKLJMNABCDEFGHIJKLJMNABCDEFGHIJKLJMNABCDEFGHIJKLJMNABCD
    </td></tr></table></div>
    </div>
    <div id="dialog2">
    <table border="1"><tr><td>
    Hello,world=============================================================
    </td></tr></table>
    </div>
    <input type="button" href="javascript:void(0);" οnclick="$('#dialog').dialog('open');" value="显示" />
    <input type="button" href="javascript:void(0);" οnclick="$('#dialog2').dialog('open');" value="显示2" />
    </form>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值