zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    堆栈信息分析
    JVM垃圾回收日志结构分析
    grep -n 显示行号
    Zabbix报告无交换内存主机 Lack of free swap space on xxxxx
    Zabbix利用msmtp+mutt发送邮件报警
    Nginx开启Gzip压缩大幅提高页面加载速度
    rsync --exclude 参数
    zabbix 监控客户端数据库 zabbix客户端
    centos 截图命令 screenshot
    centos下安装五笔输入法的教程
  • 原文地址:https://www.cnblogs.com/wjwz/p/13856771.html
Copyright © 2011-2022 走看看