上篇文章已经写了,js获取时间-天干地支空亡 https://blog.csdn.net/yingmengxuepingbao/article/details/110481925 ,这次记录下,六爻排盘的顺序。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>六爻排盘</title> <link rel="stylesheet" type="text/css" href="../../css/css3.css" charset="utf-8"> <script type="text/javascript" src="../../js/jquery-1.7.2.js" ></script> <script type="text/javascript" src="../../js/data_time.js" ></script> <style> #show{ background: #DEB887; } #show p{ text-align: center; font-size: 18px; color: black; margin-top: 10px; padding: 20px 0; } .buzhou{ color: #000000; border: 1px solid #000000; font-size: 16px; } .time{ border:0px; width: 45px; font-size:22px; disabled:true; color: red; } .div_bingpai{ background: #DEB887; width:25%; height:auto; float:left; display:inline } </style> </head> <body> <div class="container"> <!--遮罩层显示--> <div id="mask" style="background: #DEB887;"> <div class="wenzi"> <h1>摇卦步骤</h1> <p>所问之事:<input class="buzhou" type="text" id="question"/></p> <p>性别:<input type="radio" name="sex" checked="checked" value="1">男</input><input type="radio" name="sex" value="0">女</input></p> <p>记录三枚硬币或铜钱摇出来的结果:如:正正反 或 阴(阴变)/阳(阳变)</p> <p>第一次正反:<input class="buzhou" type="text" id="one"/> </p> <p>第二次正反:<input class="buzhou" type="text" id="two"/> </p> <p>第三次正反:<input class="buzhou" type="text" id="three"/> </p> <p>第四次正反:<input class="buzhou" type="text" id="four"/> </p> <p>第五次正反:<input class="buzhou" type="text" id="five"/> </p> <p>第六次正反:<input class="buzhou" type="text" id="six"/> </p> </div> <button class="btn1" style="background: #FFA042;">确定</button> </div> <!-- 标头--> <div class="header"> <img src="../../img/tubiao/1.png" onClick="javascript:history.back(-1);"> <p class="title">六爻排盘</p> < |