快捷導(dǎo)航

模擬彈出菜單的代碼

更新時(shí)間：2007年08月06日 20:41:09 作者：

點(diǎn)“為自己付費(fèi)”按鈕之后彈出一個(gè)模態(tài)化div，點(diǎn)確定按鈕之后，表格增加一行記錄；同理，點(diǎn)“為他人付費(fèi)”按鈕也增加另外一行記錄。可是在IE6、IE7下可以，F(xiàn)F下不行，請(qǐng)問(wèn)可有辦法呢？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>支付中心-填寫(xiě)資料</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>  </head> <body> <div   class="wppm3vysvbp"   id="testa">   <form name="Form1">     <div   class="wppm3vysvbp"   id="pay_content_top2"></div>     <div   class="wppm3vysvbp"   id="content">       <div   id="wppm3vysvbp"   class="align_center">         <table class="width_660">           <tr>             <td class="activate_title"><img src="images/li.gif" alt="" />&nbsp;填寫(xiě)資料</td>           </tr>           <tr>             <td class="height_28">&nbsp;</td>           </tr>         </table>       </div>       <div   id="wppm3vysvbp"   class="align_center"> <img src="images/pay_banner.gif">                </div>       <div   id="wppm3vysvbp"   class="height_28"></div>       <div   id="wppm3vysvbp"   class="height_20 align_center"><strong>購(gòu) 物 車(chē)</strong></div>       <div   id="wppm3vysvbp"   class="align_center">         <table class="data_table" id="pay_table">           <tr class="data_table_tr1">             <td>商品名稱(chēng)</td>             <td>單價(jià)（會(huì)員）</td>             <td>數(shù)量</td>             <td>總價(jià)</td>             <td>付費(fèi)類(lèi)型</td>             <td>刪除</td>           </tr>         </table>         <table class="data_table">           <tr>             <td class="align_center">購(gòu)物車(chē)?yán)镉猩唐罚?span id="wppm3vysvbp"    class="red">2</span> 件 總數(shù)：<span id="wppm3vysvbp"    class="red">10</span> 件 共計(jì)：<span id="wppm3vysvbp"    class="red">75</span> 元 您有預(yù)存款：<span id="wppm3vysvbp"    class="red">120</span> 元 </td>           </tr>         </table>       </div>       <div   id="wppm3vysvbp"   class="verify_pay">         <input type="button" value="為自己付費(fèi)" class="ncss" onclick="showmain();">         <input type="button" value="為他人付費(fèi)" class="ncss" onclick="showmain2();">         <input type="button" value=" 清空購(gòu)物車(chē) " class="ncss" onclick="self.location='pay2.html'">         <input type="button" value=" 去收銀臺(tái) " class="ncss2" onclick="self.location='pay3.html'">       </div>       <div   id="wppm3vysvbp"   class="verify_email">您現(xiàn)在可以：<a href="#">返回主頁(yè)</a>&nbsp;<a href="#">下載使用說(shuō)明書(shū)</a>&nbsp;<a href="#">安全退出</a></div>     </div>   </form> </div> <div   class="wppm3vysvbp"   id="lockform" style="display:none;">   <div   class="wppm3vysvbp"   id="main" class="dragclass" style="display:none;">     <div   class="wppm3vysvbp"   id="InfoHead"><a href="#" onclick="InfoClose();unlock(lockform);"><img src="images/lockform_close.gif" title="關(guān)閉" /></a> </div>     <div   class="wppm3vysvbp"   id="InfoBody">       <div   class="wppm3vysvbp"   id="InfoContent">         <table class="data_table4">           <tr>             <td class="data_table4_tr2">年費(fèi)套餐：</td>             <td class="data_table4_tr1"><input type="text" class="input_width input_bian"></td>           </tr>           <tr>             <td class="data_table4_tr2">數(shù)量：</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   class="wppm3vysvbp"   id="lockform2" style="display:none;">   <div   class="wppm3vysvbp"   id="main2" class="dragclass" style="display:none;">     <div   class="wppm3vysvbp"   id="InfoHead2"><a href="#" onclick="InfoClose2();unlock2(lockform2);"><img src="images/lockform_close.gif" title="關(guān)閉" /></a> </div>     <div   class="wppm3vysvbp"   id="InfoBody2">       <div   class="wppm3vysvbp"   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="→檢驗(yàn)用戶(hù)" class="ncss2" style="width:78px;height:21px; padding:0;"></td>           </tr>           <tr>             <td class="data_table4_tr2">年費(fèi)套餐：</td>             <td class="data_table4_tr1"><input type="text" class="input_width input_bian"></td>           </tr>           <tr>             <td class="data_table4_tr2">數(shù)量：</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">西門(mén)吹雪</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">某某省某某市某某路某某號(hào)</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需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: