模拟弹出菜单的代码

更新时间：2007年08月06日 20:41:09 作者：

点“为自己付费”按钮之后弹出一个模态化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" /> <style 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> <script type="text/javascript">  </script> </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需再刷新一下页面才能执行]

您可能感兴趣的文章:

模拟弹出菜单的代码

JS实现响应鼠标点击动画渐变弹出层效果代码
这篇文章主要介绍了JS实现响应鼠标点击动画渐变弹出层效果代码,具有非常自然流畅的动画过度效果,涉及JavaScript针对鼠标事件的响应及页面元素样式的动态操作相关技巧,需要的朋友可以参考下
2016-03-03
浅谈JavaScript 执行环境、作用域及垃圾回收
下面小编就为大家带来一篇浅谈JavaScript:执行环境、作用域及垃圾回收。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
复制小说文本时出现的随机乱码的去除方法
想把小说复制下来慢慢看，却发现复制到记事本里出现一大堆乱七八糟的东西，很是不爽。于是就想了个简单的办法把它干掉了。
2010-09-09
微信小程序之几种常见的弹框提示信息实现详解
这篇文章主要介绍了微信小程序之几种常见的弹框提示信息实现详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-07-07
如何实现移动端浏览器不显示 pc 端的广告
随着移动网络的发展,越来越多的人使用手机等移动端浏览网页办公,那么如果在手机打开页面的时候显示大大的联盟广告，用户体验度会非常差，经过一番研究，用下面的方法实现了移动端浏览器不显示PC端广告。
2015-10-10
mui上拉加载功能实例详解
最近小编在做移动端的项目，用到了mui的上拉加载功能，今天小编给大家整理一下分享到脚本之家平台，需要的朋友参考下
2017-04-04
JavaScript中的状态模式详解
状态模式允许对象在其内部状态改变时改变其行为,通过将每种状态封装成单独的类,状态模式可以消除原本存在的大量条件分支语句,使得代码更易读和维护
2024-11-11
Markdown-it将Markdown文本解析转换为HTML
Markdown-it是一款强大的Markdown解析器,支持多种Markdown语法,并能将Markdown文本转换为HTML,通过npm可快速安装,并可在JavaScript项目中简易调用,Markdown-it不仅支持基本Markdown语法,还扩展了表格、脚注等高级功能,同时允许自定义配置和使用插件以增强功能
2024-10-10
前端冒泡排序算法详解及实战案例
这篇文章主要介绍了前端冒泡排序算法的相关资料,冒泡排序是一种简单的排序算法,通过比较相邻元素并交换位置,实现元素排序,该算法的时间复杂度为O(n^2),空间复杂度为O(1),具有稳定性,适用于小规模数据集和对稳定性要求高的场景,需要的朋友可以参考下
2024-10-10
Javascript数组与字典用法分析
这篇文章主要介绍了Javascript数组与字典用法,以实例形式较为详细的分析了Array作为数组与字典的不同用法,具有一定的参考借鉴价值,需要的朋友可以参考下
2014-12-12

模拟弹出菜单的代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具