术数/周易之摇卦.html

<!DOCTYPE html>
<html lang="zh">
    <head>
    <meta charset="utf-8" />
<link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet"  href="main.css"/>

    <title>周易</title>

    </head>
    <body>
<h1>周易入门之摇卦</h1>
<h2>摇卦</h2>

<p>在摇卦先静心，并问自己所求所疑问之事。</p>

<button onclick="yaogua();" type="button">测一卦</button>

<div>

  <!-- Nav tabs -->
  <ul id="tab" class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#yuanwen" aria-controls="yuanwen" role="tab" data-toggle="tab">原文</a></li>
    <li role="presentation"><a href="#jiegua" aria-controls="jiegua" role="tab" data-toggle="tab">解卦</a></li>

        <li role="presentation"><a href="#biangua-yuanwen" aria-controls="biangua-yuanwen" role="tab" data-toggle="tab">变卦原文</a></li>
        <li role="presentation"><a href="#biangua-jiegua" aria-controls="biangua-jiegua" role="tab" data-toggle="tab">变卦解卦</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="yuanwen">测一卦...</div>
    <div role="tabpanel" class="tab-pane" id="jiegua">测一卦...</div>

    <div role="tabpanel" class="tab-pane" id="biangua-yuanwen">测一卦...</div>
    <div role="tabpanel" class="tab-pane" id="biangua-jiegua">测一卦...</div>
  </div>

</div>


<h2>帮助</h2>
<p>主要看主卦，变卦大部分情况下不用看，变卦的意思是事物最终将发展成为的情况，这有时是很遥远的事情。</p>

<script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="周易之摇卦.js"></script>
    </body>
</html>