zoukankan      html  css  js  c++  java
  • 弹窗main

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="jquery-1.11.2.min.js">
    </script>
    <script type="text/javascript" src="tanchuang.js">
    </script>
    <link href="tanchuang.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    *{
        margin: 0px auto;
    }
    </style>
    </head>
    
    <body style="background-color:#999">
    <div style="200px; margin-top:10px; margin-right:50px;">
    
    
    <input type="button" value="登录" id="btntc" style="100px; height:30px; font-size:18px;" />
    
    
    </div>
    
    
    
    <div id="tc"></div>
    
    
    
    </body>
    <script type="text/javascript">
    $(document).ready(function(e) {
        
        $('#btntc').click(function(){
            
                var html = "<form action='shoppingchuli.php' method='post'><div><div>账号:<input type='text' name='uid' value='lisi' /></div><br><div>密码: <input type='password' name='pwd'  value='666666'/></div><br><input type='submit' value='登录' /></div></form>";
                var button ="";
                
                
                
                var win = new Window({
                    
                    width : 400, //宽度
                    height : 150, //高度
                    title : '天启购物登录', //标题
                    content : html, //内容
                    isMask : false, //是否遮罩
                    buttons : button, //按钮
                    isDrag:true, //是否移动
                    
                    });
            
            })
    });
    </script>
    </html>
  • 相关阅读:
    Css几个兼容性问题
    一些常用的正则表达式
    超链接hover切换效果
    读取根目录src下的指定配置properties文件内容
    SQL Server查询表结构语句
    单独使用ibatis做事物控制。
    ibatis调用存储过程(无返回参数)
    oracle split函数
    Jquery调用Ajax实现联动使用json
    简单分页插件
  • 原文地址:https://www.cnblogs.com/ysdong/p/6061172.html
Copyright © 2011-2022 走看看