<!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>