jquery dialog弹出框简单写法和一些属性的应用,写的不好,大佬勿喷!谢谢!


        <script type="text/javascript" src="js/jquery-1.8.3.js"></script>//引入的js
        <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css"> //引入的ui
         <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>//引入的js
          <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>//引入的js
  
    <body>
        <input type="button" onclick="ak()" value="tijiao"/>
        <p id="aa">nihao</p>
    </body>


    <script type="text/javascript">
        $("#aa").hide();
        function ak(){
            $("#aa").dialog({
            autoOpen : true,   // 是否自动弹出窗口,默认为true
            modal : true,    // 设置可浮动
            resizable : true,//可调整大小
            width : 200,   //弹出框宽度
            height : 200,   //弹出框高度
            title : "用户登录",  //弹出框标题,可以不写
            position : "center",  //窗口显示的位置
            buttons:{
            '确定':function(){
            //调用登录的方法
            },
            '取消':function(){
            $(this).dialog("close");
            }
            }
            });
        }
    </script>

原文地址:https://www.cnblogs.com/wjwz/p/13856771.html