jquery 模态窗体 有各种属性 和 事件

<head runat="server">
    <title>无标题页</title> 
 <link href="../Jqjs2/css/dialog.css" rel="stylesheet" type="text/css" />
    <link href="../Jqjs2/css/linkbutton.css" rel="stylesheet" type="text/css" />
    <link href="../Jqjs2/css/icon.css" rel="stylesheet" type="text/css" />
    <link href="../Jqjs2/css/shadow.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="../Jqjs2/js/jquery-1.2.6.js"></script>

    <script type="text/javascript" src="../Jqjs2/js/jquery.draggable.js"></script>

    <script type="text/javascript" src="../Jqjs2/js/jquery.resizable.js"></script>

    <script type="text/javascript" src="../Jqjs2/js/jquery.linkbutton.js"></script>

    <script type="text/javascript" src="../Jqjs2/js/jquery.shadow.js"></script>

    <script type="text/javascript" src="../Jqjs2/js/jquery.dialog.js"></script>

 <style>
        input, textarea
        {
            border: 1px solid #ccc;
            margin-bottom: 5px;
        }
    </style>

    <script type="text/javascript">
        $(function(){
            $('#dlg1').dialog({
                iconCls: 'icon-search'//,
//                buttons:{
//                    'Save':function(){
//                        alert('ok');
//                    },
//                    'Cancel':function(){
//                        $('#dlg1').dialog({closed:true});
//                    }
//                }
            });
            $('#dlg1').dialog({
                closed:true
            });
        });

        function open1(){
            $('#dlg1').dialog({
                closed:false
            });
        }
        function close1(){
            $('#dlg1').dialog({
                closed:true
            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
   <a href="#" onclick="open1();">open</a> <a href="#" onclick="close1();">close</a>
    <div id="dlg1" title="项目选择" style="width: 390px;">
        <div style="padding: 20px;">
               //你的内容
       </div>
    </div>
 </form>
下载包
/Files/wenh/jquery.dialog.rar 
posted @ 2009-10-12 12:47  Hank.Wen  阅读(874)  评论(0)  编辑  收藏  举报