模拟弹出菜单的代码

所属分类：网络编程 / JavaScript 阅读数： 645

收藏 0赞 0分享

点“为自己付费”按钮之后弹出一个模态化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" />   </head> <body> <div id="testa">   <form name="Form1">     <div id="pay_content_top2"></div>     <div id="content">       <div class="align_center">         <table class="width_660">           <tr>             <td class="activate_title"><img src="images/li.gif" alt="" />&nbsp;填写资料</td>           </tr>           <tr>             <td class="height_28">&nbsp;</td>           </tr>         </table>       </div>       <div class="align_center"> <img src="images/pay_banner.gif">                </div>       <div class="height_28"></div>       <div class="height_20 align_center"><strong>购 物 车</strong></div>       <div class="align_center">         <table class="data_table" id="pay_table">           <tr class="data_table_tr1">             <td>商品名称</td>             <td>单价（会员）</td>             <td>数量</td>             <td>总价</td>             <td>付费类型</td>             <td>删除</td>           </tr>         </table>         <table class="data_table">           <tr>             <td class="align_center">购物车里有商品：<span class="red">2</span> 件 总数：<span class="red">10</span> 件 共计：<span class="red">75</span> 元 您有预存款：<span class="red">120</span> 元 </td>           </tr>         </table>       </div>       <div class="verify_pay">         <input type="button" value="为自己付费" class="ncss" onclick="showmain();">         <input type="button" value="为他人付费" class="ncss" onclick="showmain2();">         <input type="button" value=" 清空购物车 " class="ncss" onclick="self.location='pay2.html'">         <input type="button" value=" 去收银台 " class="ncss2" onclick="self.location='pay3.html'">       </div>       <div class="verify_email">您现在可以：<a href="#">返回主页</a>&nbsp;<a href="#">下载使用说明书</a>&nbsp;<a href="#">安全退出</a></div>     </div>   </form> </div> <div id="lockform" style="display:none;">   <div id="main" class="dragclass" style="display:none;">     <div id="InfoHead"><a href="#" onclick="InfoClose();unlock(lockform);"><img src="images/lockform_close.gif" title="关闭" /></a> </div>     <div id="InfoBody">       <div id="InfoContent">         <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>       </div>     </div>   </div> </div> <div id="lockform2" style="display:none;">   <div id="main2" class="dragclass" style="display:none;">     <div id="InfoHead2"><a href="#" onclick="InfoClose2();unlock2(lockform2);"><img src="images/lockform_close.gif" title="关闭" /></a> </div>     <div id="InfoBody2">       <div id="InfoContent2">         <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>       </div>     </div>   </div> </div> </body> </html>

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

更多精彩内容其他人还在看

模拟弹出菜单的代码

JSONP原理及简单实现

浅析JSONP技术原理及实现

使用Web Uploader实现多文件上传

json的使用小结

非常实用的js验证框架实现源码附原理方法

js验证框架之RealyEasy验证详解

webpack中引用jquery的简单实现

JavaScript必知必会(五) eval 的使用

JavaScript必知必会(六) delete in instanceof

JavaScript必知必会(七)js对象继承

网络赚钱

站长故事

模拟弹出菜单的代码

JSONP原理及简单实现

浅析JSONP技术原理及实现

使用Web Uploader实现多文件上传

json的使用小结

非常实用的js验证框架实现源码 附原理方法

js验证框架之RealyEasy验证详解

webpack中引用jquery的简单实现

JavaScript必知必会(五) eval 的使用

JavaScript必知必会(六) delete in instanceof

JavaScript必知必会(七)js对象继承

网络赚钱

站长故事

非常实用的js验证框架实现源码附原理方法