dri 2.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <html lang="en"><head>
  2. <meta charset="UTF-8">
  3. <title>Document</title>
  4. <link rel="stylesheet" href="css/style.css">
  5. </head>
  6. <body>
  7. <div id="calendar">
  8. <header class="header">
  9. <ul>
  10. <li class="cur">月</li>
  11. <li>年</li>
  12. </ul>
  13. </header>
  14. <aside class="sidebar">
  15. <div class="wrapper">
  16. <div class="title">
  17. <span class="btn btn-prev">&lt;</span>
  18. <span class="date"></span>
  19. <span class="btn btn-next">&gt;</span>
  20. </div>
  21. <ul class="day">
  22. </ul>
  23. </div>
  24. </aside>
  25. <div class="container">
  26. <div id="renderMonth" class="render render-show">
  27. <h2 class="title"></h2>
  28. <ul class="week">
  29. <li>日</li>
  30. <li>一</li>
  31. <li>二</li>
  32. <li>三</li>
  33. <li>四</li>
  34. <li>五</li>
  35. <li>六</li>
  36. </ul>
  37. <ul class="day"></ul>
  38. </div>
  39. <div id="renderFullYear" class="render">
  40. <div class="title">
  41. <h2></h2>
  42. <p>
  43. <span class="lunar-year"><i></i></span>
  44. <span class="info"><i></i></span>
  45. </p>
  46. </div>
  47. <ul class="month"><li class="item">
  48. <div class="title"></div>
  49. </div>
  50. <div id="control">
  51. <input type="button" value="<" class="btn btn-prev">
  52. <input type="button" value="今天" class="today">
  53. <input type="button" value=">" class="btn btn-next">
  54. </div>
  55. <div id="popup" style="display: none;">
  56. <h3 class="title"></h3>
  57. <i class="arrow arrow-left"></i>
  58. <i class="arrow arrow-right"></i>
  59. <p class="date"></p>
  60. <p class="lunar"></p>
  61. </div>
  62. </div>
  63. </div>
  64. <script src="js/tools.js"></script>
  65. <script src="js/ChineseCalendar.js"></script>
  66. <script src="js/calender.js"></script>
  67. <!-- https://www.17sucai.com/pins/26552.html -->
  68. </body></html>