您的位置: 首页 > IT文章 > javascript技巧 > js之弹出式窗口代码生成器 js之弹出式窗口代码生成器 分类: IT文章 • 2022-07-30 10:41:19 <div style="text-align:center; height:30px;"><h3>弹出式窗口代码生成器</h3></div> 要完成此效果把如下代码加入到区域中 <table border="0" cellpadding="0" cellspacing="0" width="63%" align="center"><tbody><tr> <td width="0"> <table border="0" cellpadding="0" cellspacing="0" width="76%"><tbody><tr> <td width="464"> <div align="center"> <b><font color="#7b9431" face="Arial" size="3"> <font size="4"> </font></font></b> <font size="3"><b>弹出式窗口代码产生器</b></font> </div> <p> <b><font size="2"></font></b></p> <form name="inputForm"> <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000"><tr> <td> <table border="0" width="100%" cellpadding="2" cellspacing="0" bgcolor="#bde6fd"> <tr> <td colspan="2"> <font size="2" color="red"><b>在新窗口里要打开的文件</b></font> <input type="text" name="page" size="40"><font size="2"><font size="1" color="red">(文件的名字或URL地址...) </font></font> </td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="2"><font size="2" color="red"><b>请选择要显示的<font size="2"><b>窗口</b></font>元素</b></font></td> </tr> <tr bgcolor="#FFFFFF"> <td width="43%"> <input type="checkbox" name="toolbars"><b><font face="Arial" size="2">toolbars</font></b> </td> <td width="57%"> <input type="checkbox" name="statusbars"><font face="Arial" size="2"><b>status bar</b></font> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="43%"> <input type="checkbox" name="scrollit"><b><font face="Arial" size="2">scrollbars</font> </b> </td> <td width="57%"> <input type="checkbox" name="menubars"><b><font face="Arial" size="2">menu bar</font></b> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="43%"> <input type="checkbox" name="locations"><b><font face="Arial" size="2">location bar</font> </b> </td> <td width="57%"> <input type="checkbox" name="resizeable"><b><font face="Arial" size="2">resizeable</font> </b> </td> </tr> <tr> <td colspan="2"><font size="2" color="red"><b>输入窗口的大小(缺省是满屏打开)</b></font></td> </tr> <tr> <td width="43%"><font face="Arial" size="2"><b> Witdh <input type="text" name="width" size="4"></b> <font face="Verdana" size="1"> (in pixels)</font></font></td> <td width="57%"> <font face="Arial" size="2"><b>Height</b></font> <input type="text" name="height" size="4"><font face="Verdana" size="1">(in pixels)</font> </td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="2"><font size="2" color="red"><b>窗口打开方式</b></font></td> </tr> <tr bgcolor="#FFFFFF"> <td width="100%" colspan="2"> <font face="Arial" size="2"></font> <select name="howtoopen"><option value="button" selected>点按钮</option> <option value="link">点超链</option> <option value="body">自动</option></select> </td> </tr> <tr> <td width="100%" colspan="2"> <font face="Arial" size="2"></font> <input type="checkbox" name="center"><font size="2" color="red"><b>让窗口出现在屏幕正中间？</b></font> </td> </tr> <tr> <td colspan="2"> <center> <input type="button" value="产生代码!" onclick="javascript:generate();" name="button"> </center> </td> </tr> </table> </td> </tr></table> </form> <form name="mail" action="" method="POST" onsubmit="return checkCodeMail()"> <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000"><tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#BBB7F4"><tr align="center"> <td> <font size="2" color="#FFFFCC"><b>把下面代码Copy到程序中:</b></font> <input type="hidden" name="scriptname" value="Popup Window Maker"><textarea name="source" rows="6" cols="50" class="9pt"><input type="hidden" name="source2"> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
