模拟弹出菜单的代码

点“为自己付费”按钮之后弹出一个模态化div，点确定按钮之后，表格增加一行记录；同理，点“为他人付费”按钮也增加另外一行记录。可是在IE6、IE7下可以，FF下不行，请问可有办法呢？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>支付中心-填写资料</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <sty1e type="text/css"> #testa,#testa2 {     width:100%; } #lockform,#lockform2 {     position:absolute;     width:expression(this.parentNode.scrollWidth);     top:expression(this.parentNode.scrollTop);      left:0;     height:100%;     right:0;     bottom:0;     z-index:1;     background:gray;     filter:alpha(opacity=92); } #main,#main2 {     width:400px;     position:absolute;     left:expression(this.parentNode.scrollWidth/2-200);      top:100px;     background:#efefef;     text-align:left;     filter:Alpha(opacity=100); } #InfoHead,#InfoHead2 {     text-align:right;     padding:3px 0 1px 3px;     border:1px solid #f90;     background:url(../images/lockform_title.gif) repeat-x;     color:#36f;     cursor:move; } #InfoHead a:link,#InfoHead a:visited,#InfoHead2 a:link,#InfoHead2 a:visited {     font-size:14px;     font-weight:bold;     padding:0 3px; } #InfoBody,#InfoBody2 {     border:4px double #f90;     border-top:none;     padding:2px; } #InfoContent {     height:200px;     padding:6px;     overflow:auto;     word-break:break-all; }  #InfoContent2 {     height:297px;     padding:6px;     overflow:auto;     word-break:break-all; }  </style>  </head> <body> <table class="data_table4">    <tr>      <td class="data_table4_tr2">年费套餐：</td>      <td class="data_table4_tr1"><input type="text" class="input_width input_bian"></td>    </tr>    <tr>      <td class="data_table4_tr2">数量：</td>      <td class="data_table4_tr1"><input type="text" class="input_width input_bian"></td>    </tr>  </table>    <table class="data_table4">    <tr>      <td class="data_table4_tr3"></td>      <td class="data_table4_tr1"><input type="button" value=" 确 定 " class="ncss" onclick="add_oneself();InfoClose();unlock(lockform);"> <input type="reset" value=" 取 消 " class="ncss" onclick="InfoClose();unlock(lockform);">      </td>    </tr>  </table>     <table class="data_table4">    <tr>      <td class="data_table4_tr2">EMAIL地址：</td>      <td class="data_table4_tr1"><input type="text" class="input_width input_bian"> <input type="button" value="→检验用户" class="ncss2" style="width:78px;height:21px; padding:0;"></td>    </tr>    <tr>      <td class="data_table4_tr2">年费套餐：</td>      <td class="data_table4_tr1"><input type="text" class="input_width input_bian"></td>    </tr>    <tr>      <td class="data_table4_tr2">数量：</td>      <td class="data_table4_tr1"><input type="text" class="input_width input_bian"></td>    </tr>    <tr>      <td class="data_table4_tr2">姓名：</td>      <td class="data_table4_tr1">西门吹雪</td>    </tr>    <tr>      <td class="data_table4_tr2">邮编：</td>      <td class="data_table4_tr1">200083</td>    </tr>    <tr>      <td class="data_table4_tr2">地址：</td>      <td class="data_table4_tr1">某某省某某市某某路某某号</td>    </tr>    <tr>      <td class="data_table4_tr2">邮箱：</td>      <td class="data_table4_tr1">888@163.com</td>    </tr>  </table>    <table class="data_table4">    <tr>      <td class="data_table4_tr3"></td>      <td class="data_table4_tr1"><input type="button" value=" 确 定 " class="ncss" onclick="add_others();InfoClose2();unlock2(lockform2);"> <input type="reset" value=" 取 消 " class="ncss" onclick="InfoClose2();unlock2(lockform2);">      </td>    </tr>  </table>   </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

模拟弹出菜单的代码

JavaScript相关栏目本月热门文章