<!doctype html>
<html>
    <head>
        <meta charset="utf-8"> 
        <?php include "libs/includelibs.php"; ?> 
        <title>神宠2 统计图表窗口</title>
        <style >
            #tabs{ padding: 0px;margin: 0px; display: inline-block;width: 1020px;height: 950px; }
            .tab { padding: 0px;margin: 0px; height: 100%;}
            .frame {padding: 0px;margin: 0px;width: 100%;height: 100%;border-style: none;}
            li {padding: 3px 0px; }
        </style>
        <script type="text/javascript">
            $(function () {
                $("#tabs").tabs({
                    active: 2  // 默认显示页面
                });
            });
        </script>
    </head>
    <body style='max-width:1020px;margin:auto;'> 
        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">新手引导</a></li>
                <li><a href="#tabs-2">任务步骤</a></li>
                <li><a href="#tabs-3">付费统计</a></li>
                <li><a href="#tabs-4">等级统计</a></li>
            </ul>
            <div id="tabs-1" class="tab">
                <iframe class="frame" src="modules/userguide.php"> </iframe>
            </div>
            <div id="tabs-2" class="tab">
                <iframe class="frame" src="modules/task.php" > </iframe>
            </div>
            <div id="tabs-3" class="tab">
                <iframe class="frame" src="modules/pay.php"></iframe>
            </div>
            <div id="tabs-4" class="tab">
                <iframe class="frame" src="modules/loselevel.php"></iframe>
            </div>
        </div> 
    </body>
</html>