123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- <!doctype html>
- <html lang="en">
- <!--
- 借地写说明:
- jquery-ui的说明参考:http://www.runoob.com/jqueryui/jqueryui-tutorial.html
- jquery的说明参考:http://www.w3school.com.cn/jquery/index.asp
-
- tabs-api为横向的标签,下面定义的div比如tabs-purchase是竖向的标签,按已有的往下添加,名字别重复就行。
-
- 新增横向标签:
- 1. <div id="tabs-api"><ul><li>下面新加个a标签,指向一个锚点。
- 2. 上一条的<ul>同级别下新加一个<div>,id使用上一条锚点指定的id。
-
- 新增纵向标签:
- 1. js加一行,设置纵向标签的参数。
- 2. 总之参考已有的样例吧。
-
- -->
- <head>
- <meta charset="utf-8">
- <title>网关产品示例</title>
- <link rel="stylesheet" href="static/jquery-ui.min.css">
- <script src="static/jquery-1.11.2.min.js"></script>
- <script src="static/jquery-ui.min.js"></script>
- <script src="static/demo.js"></script>
- <script>
- $(function() {
- setApiDemoTabs("#tabs-purchase");
- setApiDemoTabs("#tabs-preauth");
- });
- </script>
- <link rel="stylesheet" href="static/demo.css">
- </head>
- <body style="background-color:#e5eecc;">
- <div id="wrapper">
- <div id="header">
- <h2>网关产品示例</h2>
- </div>
- <div id="tabs-api">
- <ul>
- <li><a href="#tabs-api-1">前言</a></li>
- <li><a href="#tabs-api-2">消费样例</a></li>
- <li><a href="#tabs-api-3">预授权样例</a></li>
- <li><a href="#tabs-api-4">常见开发问题</a></li>
- </ul>
-
- <div id="tabs-api-1">
- <?php include 'pages/api_01_gateway/introduction.php';?>
- </div>
-
- <div id="tabs-api-4">
- <?php include 'pages/dev_faq.php';?>
- </div>
-
- <div id="tabs-api-2">
- <div id="tabs-purchase">
- <ul>
- <li><a href="#tabs-purchase-1">说明</a></li>
- <li><a href="pages/api_01_gateway/consume.php">跳转网关页面支付</a></li>
- <li><a href="pages/api_01_gateway/query.php">交易状态查询</a></li>
- <li><a href="pages/api_01_gateway/consume_undo.php">消费撤销</a></li>
- <li><a href="pages/api_01_gateway/refund.php">退货</a></li>
- <li><a href="pages/api_01_gateway/file_transfer.php">对账文件下载</a></li>
- </ul>
- <div id="tabs-purchase-1">
- <?php include 'pages/api_01_gateway/consume_intro.php';?>
- </div>
- </div>
- </div>
-
- <div id="tabs-api-3">
- <div id="tabs-preauth">
- <ul>
- <li><a href="#tabs-preauth-1">说明</a></li>
- <li><a href="pages/api_01_gateway/preauth.php">跳转网关页面预授权</a></li>
- <li><a href="pages/api_01_gateway/query.php">交易状态查询</a></li>
- <li><a href="pages/api_01_gateway/preauth_finish.php">预授权完成</a></li>
- <li><a href="pages/api_01_gateway/preauth_undo.php">预授权撤销</a></li>
- <li><a href="pages/api_01_gateway/preauth_finish_undo.php">预授权完成撤销</a></li>
- <li><a href="pages/api_01_gateway/refund.php">退货</a></li>
- <li><a href="pages/api_01_gateway/file_transfer.php">对账文件下载</a></li>
- </ul>
- <div id="tabs-preauth-1">
- <?php include 'pages/api_01_gateway/preauth_intro.php';?>
- </div>
- </div>
- </div> <!-- end of tabs-api-3-->
- </div> <!-- end of tabs-api-->
- </div><!-- end of wrapper-->
-
-
- </body>
- </html>
|