index.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset='utf-8'>
  5. <meta http-equiv="X-UA-Compatible" content="chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
  8. <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
  9. <!-- <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen"> -->
  10. <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
  11. <link rel="stylesheet" type="text/css" href="stylesheets/simple-calendar.css">
  12. <!--[if lt IE 9]>
  13. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  14. <![endif]-->
  15. <title>Simple-calendar by Lixucheng</title>
  16. <style>
  17. #calendar{
  18. width: 100%
  19. }
  20. .clearfix{
  21. margin-bottom: 50px !important;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <header>
  27. <div class="inner">
  28. <h1>nice day</h1>
  29. <h2>日历挂件2022年</h2>
  30. </div>
  31. </header>
  32. <div id="content-wrapper">
  33. <div class="inner clearfix">
  34. <div id = 'calendar'>
  35. </div>
  36. </div>
  37. </div>
  38. <script type="text/javascript" src="javascripts/simple-calendar.js"></script>
  39. <script>
  40. var myCalendar = new SimpleCalendar('#calendar');
  41. </script>
  42. <script>
  43. /*弹出层*/
  44. /*
  45. 参数解释:
  46. title 标题
  47. url 请求的url
  48. id 需要操作的数据id
  49. w 弹出层宽度(缺省调默认值)
  50. h 弹出层高度(缺省调默认值)
  51. */
  52. function x_admin_show(title,url,w,h){
  53. if (title == null || title == '') {
  54. title=false;
  55. };
  56. if (url == null || url == '') {
  57. url="404.html";
  58. };
  59. if (w == null || w == '') {
  60. w=($(window).width()*0.9);
  61. };
  62. if (h == null || h == '') {
  63. h=($(window).height() - 50);
  64. };
  65. layer.open({
  66. type: 2,
  67. area: [w+'px', h +'px'],
  68. fix: false, //不固定
  69. maxmin: true,
  70. shadeClose: true,
  71. shade:0.4,
  72. title: title,
  73. content: url,
  74. }
  75. });
  76. }
  77. /*关闭弹出框口*/
  78. function x_admin_close(){
  79. var index = parent.layer.getFrameIndex(window.name);
  80. parent.layer.close(index);
  81. }
  82. </script>
  83. </body>
  84. </html>