index.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  6. <title>哈哈,小惊喜!</title>
  7. <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css" />
  8. <link rel="stylesheet" href="css/index.css" />
  9. </head>
  10. <body>
  11. <div class="container">
  12. <div class="container_title">小姐姐,我观察你好久了!</div>
  13. <div class="container_desc">
  14. <h2>做我女朋友好不好</h2></div>
  15. <div class="container_button">
  16. <button class="weui-btn weui-btn_mini weui-btn_primary" id="btn_ok">好的</button>
  17. <button class="weui-btn weui-btn_mini weui-btn_warn" id="btn_cacel">不好</button>
  18. </div>
  19. </div>
  20. <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
  21. <script type="application/javascript">
  22. $("#btn_ok").click(function() {
  23. var count = 0
  24. while(count < 4) {
  25. switch(count) {
  26. case 1:
  27. alert("我负责赚取养家!");
  28. break;
  29. case 2:
  30. alert("我负责开车接你!");
  31. break;
  32. case 3:
  33. alert("我负责");
  34. break;
  35. }
  36. count++;
  37. }
  38. mail();
  39. });
  40. $("#btn_cacel").click(function() {
  41. var count = 0
  42. while(count < 4) {
  43. switch(count) {
  44. case 1:
  45. alert("");
  46. break;
  47. case 2:
  48. alert("你好2 " + count);
  49. break;
  50. case 3:
  51. alert();
  52. break;
  53. }
  54. count++;
  55. }
  56. mail();
  57. });
  58. function mail() {
  59. data = {}
  60. $.ajax({
  61. type: "post",
  62. url: "http://api.yoqi.me/mail",
  63. data: data,
  64. async: true
  65. });
  66. }
  67. </script>
  68. </body>
  69. </html>