index.php 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <?php
  2. /* *
  3. * 功能:支付宝支付宝手机网页支付调试入口页面
  4. * 版本:3.3
  5. * 日期:2012-07-23
  6. * 说明:
  7. * 以下代码只是为了方便商户测试而提供的样例代码,商户可以根据自己网站的需要,按照技术文档编写,并非一定要使用该代码。
  8. */
  9. ?>
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html>
  12. <head>
  13. <title>支付宝手机网页支付</title>
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  15. <style>
  16. *{
  17. margin:0;
  18. padding:0;
  19. }
  20. ul,ol{
  21. list-style:none;
  22. }
  23. .title{
  24. color: #ADADAD;
  25. font-size: 14px;
  26. font-weight: bold;
  27. padding: 8px 16px 5px 10px;
  28. }
  29. .hidden{
  30. display:none;
  31. }
  32. .new-btn-login-sp{
  33. border:1px solid #D74C00;
  34. padding:1px;
  35. display:inline-block;
  36. }
  37. .new-btn-login{
  38. background-color: transparent;
  39. background-image: url("images/new-btn-fixed.png");
  40. border: medium none;
  41. }
  42. .new-btn-login{
  43. background-position: 0 -198px;
  44. width: 82px;
  45. color: #FFFFFF;
  46. font-weight: bold;
  47. height: 28px;
  48. line-height: 28px;
  49. padding: 0 10px 3px;
  50. }
  51. .new-btn-login:hover{
  52. background-position: 0 -167px;
  53. width: 82px;
  54. color: #FFFFFF;
  55. font-weight: bold;
  56. height: 28px;
  57. line-height: 28px;
  58. padding: 0 10px 3px;
  59. }
  60. .bank-list{
  61. overflow:hidden;
  62. margin-top:5px;
  63. }
  64. .bank-list li{
  65. float:left;
  66. width:153px;
  67. margin-bottom:5px;
  68. }
  69. #main{
  70. width:455px;
  71. margin:0 auto;
  72. font-size:14px;
  73. font-family:'宋体';
  74. }
  75. #logo{
  76. background-color: transparent;
  77. background-image: url("images/new-btn-fixed.png");
  78. border: medium none;
  79. background-position:0 0;
  80. width:166px;
  81. height:35px;
  82. float:left;
  83. }
  84. .red-star{
  85. color:#f00;
  86. width:10px;
  87. display:inline-block;
  88. }
  89. .null-star{
  90. color:#fff;
  91. }
  92. .content{
  93. margin-top:5px;
  94. }
  95. .content dt{
  96. width:160px;
  97. display:inline-block;
  98. text-align:right;
  99. float:left;
  100. }
  101. .content dd{
  102. margin-left:100px;
  103. margin-bottom:5px;
  104. }
  105. #foot{
  106. margin-top:10px;
  107. }
  108. .foot-ul li {
  109. text-align:center;
  110. }
  111. .note-help {
  112. color: #999999;
  113. font-size: 12px;
  114. line-height: 130%;
  115. padding-left: 3px;
  116. }
  117. .cashier-nav {
  118. font-size: 14px;
  119. margin: 15px 0 10px;
  120. text-align: left;
  121. height:30px;
  122. border-bottom:solid 2px #CFD2D7;
  123. }
  124. .cashier-nav ol li {
  125. float: left;
  126. }
  127. .cashier-nav li.current {
  128. color: #AB4400;
  129. font-weight: bold;
  130. }
  131. .cashier-nav li.last {
  132. clear:right;
  133. }
  134. .alipay_link {
  135. text-align:right;
  136. }
  137. .alipay_link a:link{
  138. text-decoration:none;
  139. color:#8D8D8D;
  140. }
  141. .alipay_link a:visited{
  142. text-decoration:none;
  143. color:#8D8D8D;
  144. }
  145. </style>
  146. </head>
  147. <body text=#000000 bgColor=#ffffff leftMargin=0 topMargin=4>
  148. <div id="main">
  149. <div id="head">
  150. <dl class="alipay_link">
  151. <a target="_blank" href="http://www.alipay.com/"><span>支付宝首页</span></a>|
  152. <a target="_blank" href="https://b.alipay.com/home.htm"><span>商家服务</span></a>|
  153. <a target="_blank" href="http://help.alipay.com/support/index_sh.htm"><span>帮助中心</span></a>
  154. </dl>
  155. <span class="title">支付宝手机网页支付快速通道</span>
  156. </div>
  157. <div class="cashier-nav">
  158. <ol>
  159. <li class="current">1、确认信息 →</li>
  160. <li>2、点击确认 →</li>
  161. <li class="last">3、确认完成</li>
  162. </ol>
  163. </div>
  164. <form name=alipayment action=alipayapi.php method=post target="_blank">
  165. <div id="body" style="clear:left">
  166. <dl class="content">
  167. <dt>卖家支付宝账户:</dt>
  168. <dd>
  169. <span class="null-star">*</span>
  170. <input size="30" name="WIDseller_email" />
  171. <span></span>
  172. </dd>
  173. <dt>商户订单号:</dt>
  174. <dd>
  175. <span class="null-star">*</span>
  176. <input size="30" name="WIDout_trade_no" />
  177. <span></span>
  178. </dd>
  179. <dt>订单名称:</dt>
  180. <dd>
  181. <span class="null-star">*</span>
  182. <input size="30" name="WIDsubject" />
  183. <span></span>
  184. </dd>
  185. <dt>付款金额:</dt>
  186. <dd>
  187. <span class="null-star">*</span>
  188. <input size="30" name="WIDtotal_fee" />
  189. <span></span>
  190. </dd>
  191. <dt></dt>
  192. <dd>
  193. <span class="new-btn-login-sp">
  194. <button class="new-btn-login" type="submit" style="text-align:center;">确 认</button>
  195. </span>
  196. </dd>
  197. </dl>
  198. </div>
  199. </form>
  200. <div id="foot">
  201. <ul class="foot-ul">
  202. <li><font class="note-help">如果您点击“确认”按钮,即表示您同意该次的执行操作。 </font></li>
  203. <li>
  204. 支付宝版权所有 2011-2015 ALIPAY.COM
  205. </li>
  206. </ul>
  207. </div>
  208. </div>
  209. </body>
  210. </html>