免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

各位老大帮我看看这个鱼缸计算器

本帖最後由 jiapinshuizu 於 2019-11-21 15:15 編輯

各位老大帮我看看这个鱼缸计算器,怎么才能放到论坛里

https://gj.aizhan.com/yugang.html

附件: 您需要登錄才可以下載或查看附件。沒有帳號?成為SCLUB使用者論壇會員

回復 1# jiapinshuizu
  1. <link href="https://gj.aizhan.com//assets/6a922fa2/PcYugang.css" rel="stylesheet">
  2. <script src="https://gj.aizhan.com//assets/2ed0eef3/jquery.js"></script></head>
  3. <script src="https://gj.aizhan.com/assets/6a922fa2/yugang.js"></script>
  4. <script src="https://gj.aizhan.com/assets/ab24c987/yii.js"></script>
  5. <script>
  6. var _hmt = _hmt || [];
  7. (function() {
  8.   var hm = document.createElement("script");
  9.   hm.src = "https://hm.baidu.com/hm.js?f7ccbdd9f177d1b55db3bf99c3645a86";
  10.   var s = document.getElementsByTagName("script")[0];
  11.   s.parentNode.insertBefore(hm, s);
  12. })();
  13. </script>
  14. <script>
  15. (function(){
  16.     var bp = document.createElement('script');
  17.     var curProtocol = window.location.protocol.split(':')[0];
  18.     if (curProtocol === 'https') {
  19.         bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  20.     }else {
  21.         bp.src = 'http://push.zhanzhang.baidu.com/push.js';

  22.     }
  23.     var s = document.getElementsByTagName("script")[0];
  24.     s.parentNode.insertBefore(bp, s);
  25. })();
  26. </script>

  27.     <h2><img src="/uploads/images/app/yugang.png">鱼缸计算器</h2>
  28.   <div class="dis">
  29.     <p>鱼缸计算器提供鱼缸计算器在线,鱼缸放多少鱼计算器,鱼缸容量计算器,通过鱼缸计算器可快速计算出鱼缸水容量、水温及所饲养的各种鱼类的数量。</p>
  30.   </div>
  31.   <div class="box"></div>

  32.     <div class="mcon">
  33.       <table class="table1">
  34.         <tr>
  35.           <th>鱼缸水体长度</th>
  36.           <td><input type="text" id="ygcd" class="inpt" value="100">&nbsp;&nbsp;cm</td>
  37.           <th>鱼缸水体宽度</th>
  38.           <td><input type="text" id="ygkd" class="inpt" value="50">&nbsp;&nbsp;cm</td>
  39.         </tr>
  40.         <tr>
  41.           <th>鱼缸水体高度<p class="tips">*扣除底砂高度</p></th>
  42.           <td><input type="text" id="yggd" class="inpt" value="50">&nbsp;&nbsp;cm</td>
  43.           <th>鱼缸是否加盖</th>
  44.           <td>
  45.             <select class="sel" id="selGai">
  46.               <option value="1" selected="selected">是</option>
  47.               <option value="0">否</option>
  48.             </select>
  49.           </td>
  50.         </tr>
  51.         <tr>
  52.           <th>底砂类型</th>
  53.           <td>
  54.             <select onchange="show(this.options[this.options.selectedIndex].value)" class="sel" id="selSha">
  55.               <option value="2.75">砂石类</option>
  56.               <option value="1.6">草泥类</option>
  57.               <option value="0">无底砂</option>
  58.             </select>
  59.           </td>
  60.           <th>底砂厚度</th>
  61.           <td><input type="text" id="dshd" class="inpt" value="5">&nbsp;&nbsp;cm</td>
  62.         </tr>
  63.         <tr>
  64.           <th>室内温度</th>
  65.           <td><input type="text" id="snwd" class="inpt" value="18">&nbsp;&nbsp;℃</td>
  66.           <th>鱼缸恒温</th>
  67.           <td><input type="text" id="yghw" class="inpt" value="25">&nbsp;&nbsp;℃</td>
  68.         </tr>
  69.         <tr>
  70.           <td colspan="4" style="text-align: center;">
  71.             <input type="button" id="btnCalculat" class="btn1" value="计 算" onclick="btnCalc_onClick()">
  72.             <input type="button" id="btnReset" class="btn1" value="重 置" onclick="btnReset_onClick()">
  73.           </td>
  74.         </tr>
  75.       </table>
  76.       <div class="result">
  77.         <fieldset>
  78.             <legend>水体</legend>
  79.             <p>鱼缸水体容量为
  80.               <span class="jgspan" id="V">&nbsp;</span>L(升),底砂容量为
  81.               <span class="jgspan" id="Vs">&nbsp;</span>L(升)<br />
  82.               水体重量
  83.               <span class="jgspan" id="Z01">&nbsp;</span>Kg(公斤),底砂重约
  84.               <span class="jgspan" id="Zs">&nbsp;</span>Kg,鱼缸自重约
  85.               <span class="jgspan" id="Z02">&nbsp;</span>Kg,总重量约
  86.               <span class="jgspan" id="Z">&nbsp;</span> Kg
  87.             </p>
  88.           </fieldset>
  89.           <fieldset>
  90.             <legend>加温</legend>
  91.             <p>
  92.               1.根据经验值1.5W/L,加热棒功率应为
  93.               <span class="jgspan" id="Wa_old">&nbsp;</span>
  94.               W(瓦)</p>
  95.             <p> 2.根据室内与鱼缸温差,结合对流辐射联合表面传热经验公式,您的鱼缸需要加热棒为
  96.               <span class="jgspan" id="Wa">&nbsp;</span>
  97.               W(瓦)<br />
  98.               (因室内空气对流强度不同而存在差异,若采用上滤,则应适当增加,仅供参考)<br />
  99.             </p>
  100.           </fieldset>
  101.           <fieldset>
  102.             <legend>照明</legend>
  103.             <p>
  104.               1.根据经验值0.5-1w/L,灯管功率约为
  105.               <span class="jgspan" id="u">&nbsp;</span>
  106.               -
  107.               <span class="jgspan" id="d">&nbsp;</span>
  108.               W (瓦,视水草品种,生长而定)<br />
  109.               2.根据John Fitch草缸照明公式,最佳照明功率为
  110.               <span class="jgspan" id="u0">&nbsp;</span>
  111.             W(瓦,W = 12.25 x L<sup>0.46</sup>,特别适合于中型草缸)</p>
  112.           </fieldset>
  113.           <fieldset>
  114.             <legend>过滤</legend>
  115.             建议过滤器流量为水体容积的3-5倍/小时,即
  116.             <span class="jgspan" id="j">&nbsp;</span>
  117.               至
  118.             <span class="jgspan" id="m">&nbsp;</span>
  119.               L/H(升/小时),但不宜超过
  120.             <span class="jgspan" id="m2">&nbsp;</span>
  121.               L/H。
  122.           </fieldset>
  123.           <fieldset>
  124.             <legend>饲养</legend>
  125.             <p>1.根据水体计算(按每升水养1厘米鱼的经验值)<br />
  126.               <textarea id="TISHI" cols="80" rows="3" readonly="readonly" class="ttInpt"></textarea>
  127.             </p>
  128.             <p>2.根据水面面积计算鱼只的方法,热带鱼每厘米体长(不含尾鳍)需30平方厘米水面,金鱼需60平方厘米。<br />

  129.               (适合不进行充氧及滴流过滤的裸缸,草缸可适当增加)<br />
  130.               <textarea id="TISHI2" cols="80" rows="3" readonly="readonly" class="ttInpt"></textarea>
  131.             </p>
  132.           </fieldset>
  133.       </div>
  134.     </div>
複製代碼
以上就是代码,你再找一个单页的教程就可以了

TOP

谢谢老大的代码,辛苦了

TOP

返回列表