0 Comments

充值引导页面设计(2)

发布于:2012-11-24  |   作者:广州网站建设  |   已聚集:人围观
充值引导页面设计(2)

【代码解读】

以上页面代码是提供用户选择支付方式,处理选择流程的JavaScript代码在前面已经介绍过了,这里需要注意下面的标签:

广州网站设计
  1. <input name="orderid"  type="hidden" value="{|$orderid|}"> 

在用户选择支付方式时,页面模板会获得在前一个流程提交过来的该次充值的订单号,这里使用前面介绍过的input标签传送订单号数值。

操作流程提示区的代码如下:

广州网站建设
  1. <div class="myRusBorder"> 
  2. <div class="myRushExp1"> 
  3. <p><strong>充值流程</strong> <br /> 
  4.     <img width="329" height="43" src="pay_clip_image001.jpg" />&nbsp;</p> 
  5. <p>&nbsp;</p> 
  6. <br clear="all" /> 
  7. <p>第一步:请填写下面的充值定单。 <br /> 
  8.   第二步:网上银行支付。<br /> 
  9.   当您提交了定单后,将被提示进入相应的网站进行安全支付。<br /> 
  10.   如果您的银行卡还没有开通此类支付服务,请按照说明和提示,开通支付业务。<br /> 
  11.   第三步:如果您已经完成了支付的流程,则充值即可成功。<br /> 
  12. </p> 
  13. <div> 
  14.   <p>链接到个人管理的“充值记录”页面</p> 
  15. </div> 
  16. 当您完成了第二步的支付后,相应的金币会自动存入您的账号中。<br /> 
  17. 您可以随时查看所下定单的充值的情况  
  18. </p> 
  19.                 </div> 
  20.             </div> 
  21.         </div> 
  22.     </div> 
  23. </div> 
  24. </body> 
  25. </html> 

【代码解读】

操作提示区的作用是在用户充值的过程中显示提示信息,帮助用户完成充值流程。合理的操作提示引导可以帮助用户更好地完成账户充值,提升用户体验。广州网站建设

标签:
飞机