当前位置：首页 > 资讯 > 技术文档

模拟弹出菜单的代码

时间：2021-01-08 09:53 编辑：来源：阅读：
扫一扫，手机访问

摘要：模拟弹出菜单的代码

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

支付中心-填写资料 
<meta content="text/html; charset=gb2312" http-equiv="Content-Type"> 
 
 
 
 
<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]http://www.1sucai.cn/article/images/li.gif[/img]
 填写资料</td> 
          </tr> 
          <tr> 
            <td class="height_28"> </td> 
          </tr> 
        </table> 
      </div> 
      <div class="align_center"> [img]http://www.1sucai.cn/article/images/pay_banner.gif[/img]

</div> 
      <div class="height_28"></div> 
      <div class="height_20 align_center">[b]购 物 车[/b]</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 class="ncss" onclick="showmain();" type="button" value="为自己付费"> 
        <input class="ncss" onclick="showmain2();" type="button" value="为他人付费"> 
        <input class="ncss" onclick="self.location='pay2.html'" type="button" value="清空购物车"> 
        <input class="ncss2" onclick="self.location='pay3.html'" type="button" value="去收银台"> 
      </div> 
      <div class="verify_email">您现在可以：[url=http://www.1sucai.cn/article/10721.htm#]返回主页[/url] [url=http://www.1sucai.cn/article/10721.htm#]下载使用说明书[/url] [url=http://www.1sucai.cn/article/10721.htm#]安全退出[/url]</div> 
    </div> 
  </form> 
</div> 
<div id="lockform" style="display:none;"> 
  <div class="dragclass" id="main" style="display:none;"> 
    <div id="InfoHead">[url=http://www.1sucai.cn/article/10721.htm#][img]http://www.1sucai.cn/article/images/lockform_close.gif[/img]
[/url] </div> 
    <div id="InfoBody"> 
      <div id="InfoContent"> 
        <table class="data_table4"> 
          <tr> 
            <td class="data_table4_tr2">年费套餐：</td> 
            <td class="data_table4_tr1"><input class="input_width input_bian" type="text"></td> 
          </tr> 
          <tr> 
            <td class="data_table4_tr2">数量：</td> 
            <td class="data_table4_tr1"><input class="input_width input_bian" type="text"></td> 
          </tr> 
        </table> 
        
 
        <table class="data_table4"> 
          <tr> 
            <td class="data_table4_tr3"></td> 
            <td class="data_table4_tr1"><input class="ncss" onclick="add_oneself();InfoClose();unlock(lockform);" type="button" value="确 定"> 
              <input class="ncss" onclick="InfoClose();unlock(lockform);" type="reset" value="取 消"> 
            </td> 
          </tr> 
        </table> 
      </div> 
    </div> 
  </div> 
</div> 
<div id="lockform2" style="display:none;"> 
  <div class="dragclass" id="main2" style="display:none;"> 
    <div id="InfoHead2">[url=http://www.1sucai.cn/article/10721.htm#][img]http://www.1sucai.cn/article/images/lockform_close.gif[/img]
[/url] </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 class="input_width input_bian" type="text"> 
              <input class="ncss2" style="width:78px;height:21px; padding:0;" type="button" value="→检验用户"></td> 
          </tr> 
          <tr> 
            <td class="data_table4_tr2">年费套餐：</td> 
            <td class="data_table4_tr1"><input class="input_width input_bian" type="text"></td> 
          </tr> 
          <tr> 
            <td class="data_table4_tr2">数量：</td> 
            <td class="data_table4_tr1"><input class="input_width input_bian" type="text"></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 class="ncss" onclick="add_others();InfoClose2();unlock2(lockform2);" type="button" value="确 定"> 
              <input class="ncss" onclick="InfoClose2();unlock2(lockform2);" type="reset" value="取 消"> 
            </td> 
          </tr> 
        </table> 
      </div> 
    </div> 
  </div> 
</div>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：使用JavaScript动态设置样式实现代码(2)
下一篇：JS判断一个数是否是水仙花数

资讯排行榜
更多>>