<!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>
<title>无标题页</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script src=jquery-latest.js></script>
<script src=messageBox.js></script>
</head>
<body>
<table>
<tr>
<td style="width: 100px">
<input id="Button3" type="button" value="确定对话框"
showoption="control:test1;width:220;height:120;title:对话框" /></td>
</tr>
<tr>
<td style="width: 100px">
<input id="Button4" type="button" value="提问对话框"
showoption="control:test2;width:220;height:120;title:对话框" /></td>
</tr>
<tr>
<td style="width: 100px">
<input id="Button5" type="button" value="内容输入对话框"
showoption="control:test3;width:220;height:120;title:对话框"/></td>
</tr>
</table>
<div id="test1" style="display:none" >
<table style="width: 200px">
<tr>
<td >
欢迎使用JQuery模式对话框插件</td>
</tr>
<tr>
<td align="right">
<input id="Button1" type="button" onclick="CloseMessageBox()" value="确定" /></td>
</tr>
</table>
</div>
<div id="test2" style="display:none">
<table style="width: 200px">
<tr>
<td >
JQuery模式对话框插件好用吗?</td>
</tr>
<tr>
<td align="right" >
<input id="Button2" onclick="CloseMessageBox()" type="button" value="是" />
<input id="Button6" onclick="CloseMessageBox()" type="button" value="否" /></td>
</tr>
</table>
</div>
<div id="test3" style="display:none">
<table style="width: 200px">
<tr>
<td >
请输入你的名字:</td>
</tr>
<tr>
<td >
<input type="text" style="width:100%" />
</td>
</tr>
<tr>
<td align="right">
<input id="Button7" onclick="CloseMessageBox()" type="button" value="确定" />
</td>
</tr>
</table>
</div>
</body>
</html>
评论0