<!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>Jquery Dialog 2.0 Demo</title>
<link type="text/css" rel="stylesheet" href="jquery_dialog.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery_dialog.js"></script>
</head>
<body style="margin:0px;padding:0px;">
<form id="form1">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFCCFF">
<tr>
<td height="30" align="center"><font style="font-size:16px;font-weight:bold;">JQuery Dialog 2.0.1 Demo</font></td>
</tr>
<tr>
<td height="30" align="center"><a href="http://luck0235.cnblogs.com/" target="_blank">http://luck0235.cnblogs.com/</a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<font style="color:blue;font-weight:bold;">[debug data]</font>
<font>dialog x:</font><font style="color:red;font-weight:bold;" id="_ocl_x"></font>
<font>dialog y:</font><font style="color:red;font-weight:bold;" id="_ocl_y"></font>
<font>moving flag:</font><font style="color:red;font-weight:bold;" id="_flag"></font>
<font>temp 1:</font><font style="color:red;font-weight:bold;" id="_temp1"></font>
<font>temp 2:</font><font style="color:red;font-weight:bold;" id="_temp2"></font>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" height="60" align="center"><input type="button" name="s1" value="弹出1" οnclick="JqueryDialog.Open('模态DIV1', 'inner1.html', 300, 300);" /></td>
<td width="80%"> 弹出inner1.html,宽300PX,高300PX,提交后执行inner1中脚本,关闭Dialog</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" height="60" align="center"><input type="button" name="s2" value="弹出2" οnclick="JqueryDialog.Open('模态DIV2', 'inner2.html', 300, 300);" /></td>
<td width="80%"> 弹出inner2.html,宽300PX,高300PX,提交后执行inner2中脚本,不关闭Dialog</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" height="60" align="center"><input type="button" name="s3" value="弹出3" οnclick="JqueryDialog.Open('模态DIV3', 'inner3.html', 300, 300);" /></td>
<td width="80%"> 弹出inner3.html,宽300PX,高300PX,inner3.html向模拟服务端serverPost.html提交(POST),serverPost中逻辑处理,最后由serverPost回调JQuery Dialog</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" height="60" align="center"><input type="button" name="s4" value="弹出4" οnclick="JqueryDialog.Open('模态DIV4', 'inner4.html', 1600, 1600);" /></td>
<td width="80%"> 弹出inner4.html,宽1600PX,高1600PX,JQuery Dialog回调函数!</td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</form>
</body>
</html>
工作中常用到的功能default.html
最新推荐文章于 2022-09-05 19:37:18 发布