calendar.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <meta http-equiv="x-ua-compatible" content="ie=7" />
  6. <link href="images/all.css" rel="stylesheet" type="text/css" />
  7. <link href="images/skin.css" rel="stylesheet" type="text/css" />
  8. <link href="images/fontSize12.css" rel="stylesheet" type="text/css" />
  9. <link href="images/calendar.css" rel="stylesheet" type="text/css" />
  10. <script type="text/javascript" src="js/jquery.js"></script>
  11. <script type="text/javascript" src="js/calendar.js"></script>
  12. <style type="text/css">
  13. .jishuzhichi a {
  14. background-color: transparent;
  15. border: 0 none;
  16. color: #0088DD;
  17. text-decoration: none;
  18. }
  19. .jishuzhichi a:hover {
  20. color: #FF8800;
  21. text-decoration: underline;
  22. }
  23. .jishuzhichi a:active, a:focus {
  24. color: #FF6600;
  25. text-decoration: none;
  26. }
  27. </style>
  28. </head>
  29. <body style="height: 100%;">
  30. <div class="main">
  31. <div class="pathBar" style="margin-bottom: 2px;">
  32. <div class="pathBarPos"></div>
  33. </div>
  34. <div id="myrl" style="width: 100%; margin-left: auto; margin-right: auto; height: 100%; overflow: hidden;">
  35. <form name=CLD>
  36. <table class="biao" width="100%">
  37. <tbody>
  38. <tr>
  39. <td class="calTit" colspan=7 style="height: 30px; padding-top: 3px; text-align: center;">
  40. <a href="#" title="上一年" id="nianjian" class="ymNaviBtn lsArrow"></a>
  41. <a href="#" title="上一月" id="yuejian" class="ymNaviBtn lArrow"></a>
  42. <div style="width: 250px; float: left; padding-left: 110px;">
  43. <span id="dateSelectionRili" class="dateSelectionRili"
  44. style="cursor: hand; color: white; border-bottom: 1px solid white;"
  45. onclick="dateSelection.show()"> <span id="nian"
  46. class="topDateFont"></span><span class="topDateFont">年</span><span
  47. id="yue" class="topDateFont"></span><span class="topDateFont">月</span>
  48. <span class="dateSelectionBtn cal_next"
  49. onclick="dateSelection.show()">▼</span> </span> &nbsp;&nbsp;
  50. <font id=GZ class="topDateFont"></font>
  51. </div>
  52. <!--新加导航功能-->
  53. <div style="left: 152px; display: none;" id="dateSelectionDiv">
  54. <div id="dateSelectionHeader"></div>
  55. <div id="dateSelectionBody">
  56. <div id="yearList">
  57. <div id="yearListPrev"
  58. onclick="dateSelection.prevYearPage()">
  59. &lt;
  60. </div>
  61. <div id="yearListContent"></div>
  62. <div id="yearListNext"
  63. onclick="dateSelection.nextYearPage()">
  64. &gt;
  65. </div>
  66. </div>
  67. <div id="dateSeparator"></div>
  68. <div id="monthList">
  69. <div id="monthListContent">
  70. <span id="SM0" class="month"
  71. onclick="dateSelection.setMonth(0)">1</span><span id="SM1"
  72. class="month" onclick="dateSelection.setMonth(1)">2</span><span
  73. id="SM2" class="month" onclick="dateSelection.setMonth(2)">3</span><span
  74. id="SM3" class="month" onclick="dateSelection.setMonth(3)">4</span><span
  75. id="SM4" class="month" onclick="dateSelection.setMonth(4)">5</span><span
  76. id="SM5" class="month" onclick="dateSelection.setMonth(5)">6</span><span
  77. id="SM6" class="month" onclick="dateSelection.setMonth(6)">7</span><span
  78. id="SM7" class="month" onclick="dateSelection.setMonth(7)">8</span><span
  79. id="SM8" class="month" onclick="dateSelection.setMonth(8)">9</span><span
  80. id="SM9" class="month" onclick="dateSelection.setMonth(9)">10</span><span
  81. id="SM10" class="month"
  82. onclick="dateSelection.setMonth(10)">11</span><span
  83. id="SM11" class="month curr"
  84. onclick="dateSelection.setMonth(11)">12</span>
  85. </div>
  86. <div style="clear: both;"></div>
  87. </div>
  88. <div id="dateSelectionBtn">
  89. <div id="dateSelectionTodayBtn"
  90. onclick="dateSelection.goToday()">
  91. 今天
  92. </div>
  93. <div id="dateSelectionOkBtn" onclick="dateSelection.go()">
  94. 确定
  95. </div>
  96. <div id="dateSelectionCancelBtn"
  97. onclick="dateSelection.hide()">
  98. 取消
  99. </div>
  100. </div>
  101. </div>
  102. <div id="dateSelectionFooter"></div>
  103. </div>
  104. <a href="#" id="nianjia" title="下一年" class="ymNaviBtn rsArrow"
  105. style="float: right;"></a>
  106. <a href="#" id="yuejia" title="下一月" class="ymNaviBtn rArrow"
  107. style="float: right;"></a>
  108. <!-- <a id="jintian" href="#" title="今天" class="btn" style="float:right; margin-top:-2px; font-size:12px; text-align:center;">今天</a>-->
  109. </td>
  110. </tr>
  111. <tr class="calWeekTit"
  112. style="font-size: 12px; height: 20px; text-align: center;">
  113. <td width="80" class="red">
  114. 星期日
  115. </td>
  116. <td width="80">
  117. 星期一
  118. </td>
  119. <td width="80">
  120. 星期二
  121. </td>
  122. <td width="80">
  123. 星期三
  124. </td>
  125. <td width="80">
  126. 星期四
  127. </td>
  128. <td width="80">
  129. 星期五
  130. </td>
  131. <td width="80" class="red">
  132. 星期六
  133. </td>
  134. </tr>
  135. <script type="text/javascript">
  136. var scrollHeight = document.body.scrollHeight;
  137. var gNum;
  138. for (var i = 0; i < 6; i++) {
  139. document.write('<tr align=center height="'+(scrollHeight-70-100)/6+'" id="tt">');
  140. for (var j = 0; j < 7; j++) {
  141. gNum = i * 7 + j ;
  142. document.write('<td id="GD' + gNum + '" onMouseOver="mOvr(this,' + gNum + ');" onMouseOut="mOut(this);"><font id="SD' + gNum + '" style="font-size:22px;" face="Arial"');
  143. //document.write('<td id="GD' + gNum + '><font id="SD' + gNum + '" style="font-size:22px;" face="Arial"');
  144. if (j == 0) document.write('color=red');
  145. if (j == 6)
  146. if (i % 2 == 1) document.write('color=red');
  147. else document.write('color=red');
  148. document.write(' TITLE=""> </font><br><font id="LD' + gNum + '" size=2 style="white-space:nowrap;overflow:hidden;cursor:default;"> </font></td>');
  149. }
  150. document.write('</tr>');
  151. }
  152. </script>
  153. <tr>
  154. <td colspan="7" align="center" style="height: 100px;" class="jishuzhichi">
  155. </td>
  156. </tr>
  157. </tbody>
  158. </table>
  159. </form>
  160. </div>
  161. </div>
  162. <div id="details" style="margin-top: -1px;"></div>
  163. </body>
  164. </html>