index.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <head>
  3. <!-- <link async rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
  4. integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
  5. <script type="text/javascript" src="../js/jquery.min.js" crossorigin="anonymous"></script>
  6. <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
  7. <script type="text/javascript" src="../js/bootstrap.min.js" crossorigin="anonymous"></script>
  8. <link rel="stylesheet" href="../css/style.css">
  9. <link rel="preconnect" href="https://fonts.gstatic.com">
  10. <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
  11. &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  12. <title>化学</title>
  13. <style>
  14. iframe {
  15. border: 1px solid rgb(173,173,173);
  16. margin-top: 5px;
  17. border-radius: 5px;
  18. width: 100%;
  19. }
  20. </style>
  21. <script id="MathJax-script" src="https://cdn.bootcss.com/mathjax/3.0.5/es5/tex-mml-chtml.js"></script>
  22. <!-- <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> -->
  23. <script>
  24. </script>
  25. </head>
  26. <body>
  27. <div>
  28. <div class="col-lg-6 col-md-6 col-xs-12">
  29. <div class="input-group">
  30. <input type="text" value="CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O" class="form-control" oninput="$('#balBtn').attr('href','/chem?'+this.value)">
  31. <span class="input-group-btn">
  32. <a type="button" class="btn btn-default" href="/chem?CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O" target="balFrame" id="balBtn">配平</a>
  33. <!-- <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  34. <span class="caret"></span>
  35. <span class="sr-only">切换下拉菜单</span>
  36. </button>
  37. <ul class="dropdown-menu" role="menu">
  38. <li><a href="#">功能</a></li>
  39. <li><a href="#">另一个功能</a></li>
  40. <li><a href="#">其他</a></li>
  41. <li class="divider"></li>
  42. <li><a href="#">分离的链接</a></li>
  43. </ul> -->
  44. </span>
  45. </div>
  46. <div>
  47. <iframe name="balFrame"></iframe>
  48. </div>
  49. </div>
  50. </div>
  51. \(\text{H}_2\text{O}+\text{O}\text{Na}_{22}^{+}\)
  52. </body>
  53. </html>