devbox
羊村懒王
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Hexo Landscape博客添加【农历日历】

作者：羊村懒王 | 2024-05-28 07:04:10

赞

踩

hexo添加节日按钮

效果见：我的个人网站 的右下角

 

第一步，在主题目录配置下打开 themes\landscape\layout\_widget

新建 calender.ejs 文件，

代码太长，所有在本文最后附上。

注：为了避免代码在Hexo渲染时中文字符乱码，此 .ejs 内容均为已经转码后的代码，特此说明！

 

 

第二步，在主题目录配置下 themes\landscape\ 打开 _config.yml 文件，

在 widgets: 中添加 - calendar 即可。

 

 

第三步，在Hexo根目录配置下鼠标右键 git bash 运行 "hexo g -d" 即可在个人网站查看效果。

 

 

附： calender.ejs 文件代码（已转码）

  1. <div class="widget-wrap">
  2.   <h3 class="widget-title">&#x65E5;&#x5386;&#x5C0F;&#x5DE5;&#x5177;</h3>
  3.   
  4.   <ul class="widget calendar">
  5.   
  6.  
  7.   
  8.   <!-- 以下是含农历日历代码-->
  9.  
  10. <body> 
  11. <SCRIPT  type="text/javascript" > 
  12.  
  13. var lunarInfo=new Array(0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2,0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977,0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970,0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950,0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557,0x06ca0,0x0b550,0x15355,0x04da0,0x0a5d0,0x14573,0x052d0,0x0a9a8,0x0e950,0x06aa0,0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0,0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b5a0,0x195a6,0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570,0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06b58,0x055c0,0x0ab60,0x096d5,0x092e0,0x0c960,0x0d954,0x0d4a0,0x0da50,0x07552,0x056a0,0x0abb7,0x025d0,0x092d0,0x0cab5,0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0,0x15176,0x052b0,0x0a930,0x07954,0x06aa0,0x0ad50,0x05b52,0x04b60,0x0a6e6,0x0a4e0,0x0d260,0x0ea65,0x0d530,0x05aa0,0x076a3,0x096d0,0x04bd7,0x04ad0,0x0a4d0,0x1d0b6,0x0d250,0x0d520,0x0dd45,0x0b5a0,0x056d0,0x055b2,0x049b0,0x0a577,0x0a4b0,0x0aa50,0x1b255,0x06d20,0x0ada0) 
  14.  
  15. var solarMonth=new Array(31,28,31,30,31,30,31,31,30,31,30,31); 
  16. var Gan=new Array("&#x7532;","&#x4E59;","&#x4E19;","&#x4E01;","&#x620A;","&#x5DF1;","&#x5E9A;","&#x8F9B;","&#x58EC;","&#x7678;"); 
  17. var Zhi=new Array("&#x5B50;","&#x4E11;","&#x5BC5;","&#x536F;","&#x8FB0;","&#x5DF3;","&#x5348;","&#x672A;","&#x7533;","&#x9149;","&#x620C;","&#x4EA5;"); 
  18. var Animals=new Array("&#x9F20;","&#x725B;","&#x864E;","&#x5154;","&#x9F99;","&#x86C7;","&#x9A6C;","&#x7F8A;","&#x7334;","&#x9E21;","&#x72D7;","&#x732A;"); 
  19. var solarTerm = new Array("&#x5C0F;&#x5BD2;","&#x5927;&#x5BD2;","&#x7ACB;&#x6625;","&#x96E8;&#x6C34;","&#x60CA;&#x86F0;","&#x6625;&#x5206;","&#x6E05;&#x660E;","&#x8C37;&#x96E8;","&#x7ACB;&#x590F;","&#x5C0F;&#x6EE1;","&#x8292;&#x79CD;","&#x590F;&#x81F3;","&#x5C0F;&#x6691;","&#x5927;&#x6691;","&#x7ACB;&#x79CB;","&#x5904;&#x6691;","&#x767D;&#x9732;","&#x79CB;&#x5206;","&#x5BD2;&#x9732;","&#x971C;&#x964D;","&#x7ACB;&#x51AC;","&#x5C0F;&#x96EA;","&#x5927;&#x96EA;","&#x51AC;&#x81F3;") 
  20. var sTermInfo = new Array(0,21208,42467,63836,85337,107014,128867,150921,173149,195551,218072,240693,263343,285989,308563,331033,353350,375494,397447,419210,440795,462224,483532,504758) 
  21. var nStr1 = new Array('&#x65E5;','&#x4E00;','&#x4E8C;','&#x4E09;','&#x56DB;','&#x4E94;','&#x516D;','&#x4E03;','&#x516B;','&#x4E5D;','&#x5341;') 
  22. var nStr2 = new Array('&#x521D;','&#x5341;','&#x5EFF;','&#x5345;','&#x3000;') 
  23. var monthName = new Array("JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"); 
  24.  
  25.  
  26. var sFtv = new Array( "0101*&#x5143;&#x65E6;", "0214 &#x60C5;&#x4EBA;&#x8282;", "0303 &#x6211;&#x751F;&#x65E5;", "0308 &#x5987;&#x5973;&#x8282;", "0312 &#x690D;&#x6811;&#x8282;", "0315 &#x6D88;&#x8D39;&#x8005;&#x6743;&#x76CA;&#x65E5;", "0317 St. Patrick's", "0401 &#x611A;&#x4EBA;&#x8282;", "0501 &#x52B3;&#x52A8;&#x8282;", "0504 &#x9752;&#x5E74;&#x8282;", "0512 &#x62A4;&#x58EB;&#x8282;", "0512 &#x8335;&#x751F;&#x65E5;", "0601 &#x513F;&#x7AE5;&#x8282;", "0614 Flag Day", "0701 &#x5EFA;&#x515A;&#x8282; &#x9999;&#x6E2F;&#x56DE;&#x5F52;&#x7EAA;&#x5FF5;", "0703 &#x708E;&#x9EC4;&#x5728;&#x7EBF;&#x8BDE;&#x8FB0;", "0718 &#x6258;&#x666E;&#x8BDE;&#x8FB0;", "0801 &#x5EFA;&#x519B;&#x8282;", "0808 &#x7236;&#x4EB2;&#x8282;", "0909 &#x6BDB;&#x6CFD;&#x4E1C;&#x901D;&#x4E16;&#x7EAA;&#x5FF5;","0910 &#x6559;&#x5E08;&#x8282;", "0928 &#x5B54;&#x5B50;&#x8BDE;&#x8FB0;", "1001*&#x56FD;&#x5E86;&#x8282;", "1006 &#x8001;&#x4EBA;&#x8282;","1024 &#x8054;&#x5408;&#x56FD;&#x65E5;","1111 Veteran's / Remembrance Day","1112 &#x5B59;&#x4E2D;&#x5C71;&#x8BDE;&#x8FB0;&#x7EAA;&#x5FF5;", "1220 &#x6FB3;&#x95E8;&#x56DE;&#x5F52;&#x7EAA;&#x5FF5;", "1225 Christmas Day","1226 &#x6BDB;&#x6CFD;&#x4E1C;&#x8BDE;&#x8FB0;&#x7EAA;&#x5FF5;") 
  27.  
  28.  
  29. var lFtv = new Array( "0101*&#x6625;&#x8282;", "0115 &#x5143;&#x5BB5;&#x8282;", "0505 &#x7AEF;&#x5348;&#x8282;", "0707 &#x4E03;&#x5915;&#x60C5;&#x4EBA;&#x8282;", "0715 &#x4E2D;&#x5143;&#x8282;","0815 &#x4E2D;&#x79CB;&#x8282;", "0909 &#x91CD;&#x9633;&#x8282;", "1208 &#x814A;&#x516B;&#x8282;", "1224 &#x5C0F;&#x5E74;", "0100*&#x9664;&#x5915;") 
  30.  
  31.  
  32. var wFtv = new Array( "0131 Martin Luther King Day", "0231 President's Day", "0520 &#x6BCD;&#x4EB2;&#x8282;", "0530 Armed Forces Day", "0531 Victoria Day", "0716 &#x5408;&#x4F5C;&#x8282;", "0730 &#x88AB;&#x5974;&#x5F79;&#x56FD;&#x5BB6;&#x5468;", "0811 Civic Holiday", "0911 Labor Holiday", "1021 Columbus Day", "1144 Thanksgiving") 
  33.  
  34.  
  35.  
  36.  
  37.  
  38. function lYearDays(y) { 
  39. var I, sum = 348 
  40. for(I=0x8000; I>0x8; I>>=1) sum += (lunarInfo[y-1900] & I)? 1: 0 
  41. return(sum+leapDays(y)) 
  42. } 
  43.  
  44.  
  45. function leapDays(y) { 
  46. if(leapMonth(y)) return((lunarInfo[y-1900] & 0x10000)? 30: 29) 
  47. else return(0) 
  48. } 
  49.  
  50.  
  51. function leapMonth(y) { 
  52. return(lunarInfo[y-1900] & 0xf) 
  53. } 
  54.  
  55.  
  56. function monthDays(y,m) { 
  57. return( (lunarInfo[y-1900] & (0x10000>>m))? 30: 29 ) 
  58. } 
  59.  
  60.  
  61.  
  62. function Lunar(objDate) { 
  63.  
  64. var I, leap=0, temp=0 
  65. var baseDate = new Date(1900,0,31) 
  66. var offset = (objDate - baseDate)/86400000 
  67.  
  68. this.dayCyl = offset + 40 
  69. this.monCyl = 14 
  70.  
  71. for(I=1900; I<2050 && offset>0; I++) { 
  72. temp = lYearDays(I) 
  73. offset -= temp 
  74. this.monCyl += 12 
  75. } 
  76.  
  77. if(offset<0) { 
  78. offset += temp; 
  79. I--; 
  80. this.monCyl -= 12 
  81. } 
  82.  
  83. this.year = I 
  84. this.yearCyl = I-1864 
  85.  
  86. leap = leapMonth(I) 
  87. this.isLeap = false 
  88.  
  89. for(I=1; I<13 && offset>0; I++) { 
  90.  
  91. if(leap>0 && I==(leap+1) && this.isLeap==false) 
  92. { --I; this.isLeap = true; temp = leapDays(this.year); } 
  93. else 
  94. { temp = monthDays(this.year, I); } 
  95.  
  96.  
  97. if(this.isLeap==true && I==(leap+1)) this.isLeap = false 
  98.  
  99. offset -= temp 
  100. if(this.isLeap == false) this.monCyl ++ 
  101. } 
  102.  
  103. if(offset==0 && leap>0 && I==leap+1) 
  104. if(this.isLeap) 
  105. { this.isLeap = false; } 
  106. else 
  107. { this.isLeap = true; --I; --this.monCyl;} 
  108.  
  109. if(offset<0){ offset += temp; --I; --this.monCyl; } 
  110.  
  111. this.month = I 
  112. this.day = offset + 1 
  113. } 
  114.  
  115.  
  116. function solarDays(y,m) { 
  117. if(m==1) 
  118. return(((y%4 == 0) && (y%100 != 0) || (y%400 == 0))? 29: 28) 
  119. else 
  120. return(solarMonth[m]) 
  121. } 
  122.  
  123. function cyclical(num) { 
  124. return(Gan[num%10]+Zhi[num%12]) 
  125. } 
  126.  
  127.  
  128. function calElement(sYear,sMonth,sDay,week,lYear,lMonth,lDay,isLeap,cYear,cMonth,cDay) { 
  129.  
  130. this.isToday = false; 
  131.  
  132. this.sYear = sYear; 
  133. this.sMonth = sMonth; 
  134. this.sDay = sDay; 
  135. this.week = week; 
  136.  
  137. this.lYear = lYear; 
  138. this.lMonth = lMonth; 
  139. this.lDay = lDay; 
  140. this.isLeap = isLeap; 
  141.  
  142. this.cYear = cYear; 
  143. this.cMonth = cMonth; 
  144. this.cDay = cDay; 
  145.  
  146. this.color = ''; 
  147.  
  148. this.lunarFestival = ''; 
  149. this.solarFestival = ''; 
  150. this.solarTerms = ''; 
  151.  
  152. } 
  153.  
  154.  
  155. function sTerm(y,n) { 
  156. var offDate = new Date( ( 31556925974.7*(y-1900) + sTermInfo[n]*60000 ) + Date.UTC(1900,0,6,2,5) ) 
  157. return(offDate.getUTCDate()) 
  158. } 
  159.  
  160.  
  161. function calendar(y,m) { 
  162.  
  163. var sDObj, lDObj, lY, lM, lD=1, lL, lX=0, tmp1, tmp2 
  164. var lDPOS = new Array(3) 
  165. var n = 0 
  166. var firstLM = 0 
  167.  
  168. sDObj = new Date(y,m,1) 
  169.  
  170. this.length = solarDays(y,m) 
  171. this.firstWeek = sDObj.getDay() 
  172.  
  173.  
  174. for(var I=0;I<this.length;I++) { 
  175.  
  176. if(lD>lX) { 
  177. sDObj = new Date(y,m,I+1) 
  178. lDObj = new Lunar(sDObj) 
  179. lY = lDObj.year  
  180. lM = lDObj.month  
  181. lD = lDObj.day 
  182. lL = lDObj.isLeap 
  183. lX = lL? leapDays(lY): monthDays(lY,lM) 
  184.  
  185. if(n==0) firstLM = lM 
  186. lDPOS[n++] = I-lD+1 
  187. } 
  188.  
  189.  
  190. this[I] = new calElement(y, m+1, I+1, nStr1[(I+this.firstWeek)%7], 
  191. lY, lM, lD++, lL, 
  192. cyclical(lDObj.yearCyl) ,cyclical(lDObj.monCyl), cyclical(lDObj.dayCyl++) ) 
  193.  
  194.  
  195. if((I+this.firstWeek)%7==0) this[I].color = 'red'  
  196. if((I+this.firstWeek)%14==13) this[I].color = 'red' 
  197. } 
  198.  
  199.  
  200. tmp1=sTerm(y,m*2 )-1 
  201. tmp2=sTerm(y,m*2+1)-1 
  202. this[tmp1].solarTerms = solarTerm[m*2] 
  203. this[tmp2].solarTerms = solarTerm[m*2+1] 
  204. if(m==3) this[tmp1].color = 'red' 
  205.  
  206.  
  207. for(I in sFtv) 
  208. if(sFtv[I].match(/^(d{2})(d{2})([s*])(.+)$/)) 
  209. if(Number(RegExp.$1)==(m+1)) { 
  210. this[Number(RegExp.$2)-1].solarFestival += RegExp.$4 + ' ' 
  211. if(RegExp.$3=='*') this[Number(RegExp.$2)-1].color = 'red' 
  212. } 
  213.  
  214.  
  215. for(I in wFtv) 
  216. if(wFtv[I].match(/^(d{2})(d)(d)([s*])(.+)$/)) 
  217. if(Number(RegExp.$1)==(m+1)) { 
  218. tmp1=Number(RegExp.$2) 
  219. tmp2=Number(RegExp.$3) 
  220. this[((this.firstWeek>tmp2)?7:0) + 7*(tmp1-1) + tmp2 - this.firstWeek].solarFestival += RegExp.$5 + ' ' 
  221. } 
  222.  
  223.  
  224. for(I in lFtv) 
  225. if(lFtv[I].match(/^(d{2})(.{2})([s*])(.+)$/)) { 
  226. tmp1=Number(RegExp.$1)-firstLM 
  227. if(tmp1==-11) tmp1=1 
  228. if(tmp1 >=0 && tmp1<n) { 
  229. tmp2 = lDPOS[tmp1] + Number(RegExp.$2) -1 
  230. if( tmp2 >= 0 && tmp2<this.length) { 
  231. this[tmp2].lunarFestival += RegExp.$4 + ' ' 
  232. if(RegExp.$3=='*') this[tmp2].color = 'red' 
  233. } 
  234. } 
  235. } 
  236.  
  237.  
  238. if((this.firstWeek+12)%7==5) 
  239. this[12].solarFestival += '&#x9ED1;&#x8272;&#x661F;&#x671F;&#x4E94; ' 
  240.  
  241.  
  242. if(y==tY && m==tM) this[tD-1].isToday = true; 
  243.  
  244. } 
  245.  
  246.  
  247. function cDay(d){ 
  248. var s; 
  249.  
  250. switch (d) { 
  251. case 10: 
  252. s = '&#x521D;&#x5341;'; break; 
  253. case 20: 
  254. s = '&#x4E8C;&#x5341;'; break; 
  255. break; 
  256. case 30: 
  257. s = '&#x4E09;&#x5341;'; break; 
  258. break; 
  259. default : 
  260. s = nStr2[Math.floor(d/10)]; 
  261. s += nStr1[d%10]; 
  262. } 
  263. return(s); 
  264. } 
  265.  
  266.  
  267.  
  268. var cld; 
  269.  
  270. function drawCld(SY,SM) { 
  271. var I,sD,s,size; 
  272. cld = new calendar(SY,SM); 
  273.  
  274. if(SY>1874 && SY<1909) yDisplay = '&#x5149;&#x7EEA;' + (((SY-1874)==1)?'&#x5143;':SY-1874) 
  275. if(SY>1908 && SY<1912) yDisplay = '&#x5BA3;&#x7EDF;' + (((SY-1908)==1)?'&#x5143;':SY-1908) 
  276. if(SY>1911 && SY<1950) yDisplay = '&#x6C11;&#x56FD;' + (((SY-1911)==1)?'&#x5143;':SY-1911) 
  277.  
  278.  
  279.  
  280.  
  281. if(SY>1949) yDisplay = '' 
  282.  
  283. GZ.innerHTML = yDisplay +' &#x519C;&#x5386;' + cyclical(SY-1900+36) + '&#x5E74; ['+Animals[(SY-4)%12]+'&#x5E74;]'; 
  284.  
  285. YMBG.innerHTML = " " + SY + "<BR> " + monthName[SM]; 
  286.  
  287.  
  288. for(I=0;I<42;I++) { 
  289.  
  290. sObj=eval('SD'+ I); 
  291. lObj=eval('LD'+ I); 
  292.  
  293. sObj.className = ''; 
  294.  
  295. sD = I - cld.firstWeek; 
  296.  
  297. if(sD>-1 && sD<cld.length) { 
  298. sObj.innerHTML = sD+1; 
  299.  
  300. if(cld[sD].isToday) sObj.className = 'todyaColor'; 
  301.  
  302. sObj.style.color = cld[sD].color; 
  303.  
  304. if(cld[sD].lDay==1)
  305. lObj.innerHTML = '<b>'+(cld[sD].isLeap?'&#x95F0;':'') + cld[sD].lMonth + '&#x6708;' + (monthDays(cld[sD].lYear,cld[sD].lMonth)==29?'&#x5C0F;':'&#x5927;')+'</b>'; 
  306. else 
  307. lObj.innerHTML = cDay(cld[sD].lDay); 
  308.  
  309. s=cld[sD].lunarFestival; 
  310. if(s.length>0) { 
  311. if(s.length>6) s = s.substr(0, 4)+'…'; 
  312. s = s.fontcolor('red'); 
  313. } 
  314. else { 
  315. s=cld[sD].solarFestival; 
  316. if(s.length>0) { 
  317. size = (s.charCodeAt(0)>0 && s.charCodeAt(0)<128)?8:4; 
  318. if(s.length>size+2) s = s.substr(0, size)+'…'; 
  319. s = s.fontcolor('blue'); 
  320. } 
  321. else { 
  322. s=cld[sD].solarTerms; 
  323. if(s.length>0) s = s.fontcolor('limegreen'); 
  324. } 
  325. } 
  326. if(s.length>0) lObj.innerHTML = s; 
  327.  
  328. } 
  329. else { 
  330. sObj.innerHTML = ''; 
  331. lObj.innerHTML = ''; 
  332. } 
  333. } 
  334. } 
  335.  
  336. function changeLong() 
  337. { 
  338. var y,m,ly,lm,id,im,iy,yangy,yangm,deltm,miny,tt; 
  339. CLD.SY.selectedIndex=CLD.D1.selectedIndex; 
  340. CLD.SM.selectedIndex=CLD.D2.selectedIndex; 
  341. yangm=0;yangy=0; 
  342. tt=true; 
  343. while (tt) 
  344. { 
  345. yangm=0;yangy=0; 
  346. changeCld(); 
  347. for(I=0;I<42;I++) 
  348. { 
  349. sD = I - cld.firstWeek; 
  350. if(sD>-1 && sD<cld.length) 
  351. { 
  352. if ((cld[sD].lMonth==CLD.D2.selectedIndex+1)&&(cld[sD].lYear==CLD.D1.selectedIndex+1900)) 
  353. { 
  354. yangy=CLD.SY.selectedIndex+1900; yangm=CLD.SM.selectedIndex ; 
  355. tt=false; 
  356. break; 
  357. } 
  358. } 
  359. } 
  360. if (!tt) break; 
  361.  
  362. pushBtm('MD'); 
  363. changeCld(); 
  364.  
  365.  
  366.  
  367. for(I=0;I<42;I++) 
  368. { 
  369. sD = I - cld.firstWeek; 
  370. if(sD>-1 && sD<cld.length) 
  371. { 
  372. if ((cld[sD].lMonth==CLD.D2.selectedIndex+1)&&(cld[sD].lYear==CLD.D1.selectedIndex+1900)) 
  373. { 
  374. yangy=CLD.SY.selectedIndex+1900; yangm=CLD.SM.selectedIndex ; 
  375. tt=false; 
  376. break; 
  377. } 
  378. } 
  379. } 
  380. break; 
  381. } 
  382.  
  383. CLD.SM.selectedIndex=yangm; 
  384. pushBtm('MD'); 
  385. pushBtm('MU'); 
  386.  
  387.  
  388.  
  389. } 
  390.  
  391.  
  392. function changeCld() { 
  393. var y,m; 
  394. y=CLD.SY.selectedIndex+1900; 
  395. m=CLD.SM.selectedIndex; 
  396. drawCld(y,m); 
  397. } 
  398.  
  399. function pushBtm(K) { 
  400. switch (K){ 
  401. case 'YU' : 
  402. if(CLD.SY.selectedIndex>0) CLD.SY.selectedIndex--; 
  403. break; 
  404. case 'YD' : 
  405. if(CLD.SY.selectedIndex<149) CLD.SY.selectedIndex++; 
  406. break; 
  407. case 'MU' : 
  408. if(CLD.SM.selectedIndex>0) { 
  409. CLD.SM.selectedIndex--; 
  410. } 
  411. else { 
  412. CLD.SM.selectedIndex=11; 
  413. if(CLD.SY.selectedIndex>0) CLD.SY.selectedIndex--; 
  414. } 
  415. break; 
  416. case 'MD' : 
  417. if(CLD.SM.selectedIndex<11) { 
  418. CLD.SM.selectedIndex++; 
  419. } 
  420. else { 
  421. CLD.SM.selectedIndex=0; 
  422. if(CLD.SY.selectedIndex<149) CLD.SY.selectedIndex++; 
  423. } 
  424. break; 
  425. default : 
  426. CLD.SY.selectedIndex=tY-1900; 
  427. CLD.SM.selectedIndex=tM; 
  428. } 
  429. changeCld(); 
  430. } 
  431.  
  432.  
  433.  
  434. var Today = new Date(); 
  435. var tY = Today.getFullYear(); 
  436. var tM = Today.getMonth(); 
  437. var tD = Today.getDate(); 
  438.  
  439.  
  440. var width = "130"; 
  441. var offsetx = 2; 
  442. var offsety = 16; 
  443.  
  444. var x = 0; 
  445. var y = 0; 
  446. var snow = 0; 
  447. var sw = 0; 
  448. var cnt = 0; 
  449.  
  450. var dStyle; 
  451. document.onmousemove = mEvn; 
  452.  
  453.  
  454. function mOvr(v) { 
  455. var s,festival; 
  456. var sObj=eval('SD'+ v); 
  457. var d=sObj.innerHTML-1; 
  458.  
  459.  
  460.  
  461. if(sObj.innerHTML!='') { 
  462.  
  463. sObj.style.cursor = 's-resize'; 
  464.  
  465. if(cld[d].solarTerms == '' && cld[d].solarFestival == '' && cld[d].lunarFestival == '') 
  466. festival = ''; 
  467. else 
  468. festival = '<TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="#CCFFCC"><TR><TD>'+ 
  469. '<FONT COLOR="#000000" >'+cld[d].solarTerms + ' ' + cld[d].solarFestival + ' ' + cld[d].lunarFestival+'</FONT></TD>'+ 
  470. '</TR></TABLE>'; 
  471.  
  472. s= '<TABLE WIDTH="130" BORDER=0 CELLPADDING="2" CELLSPACING=0 BGCOLOR="#000066"><TR><TD>' + 
  473. '<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN="right"><FONT COLOR="#ffffff">'+ 
  474. cld[d].sYear+' &#x5E74; '+cld[d].sMonth+' &#x6708; '+cld[d].sDay+' &#x65E5;<br>&#x661F;&#x671F;'+cld[d].week+'<br>'+ 
  475. '<font color="violet">&#x519C;&#x5386;'+(cld[d].isLeap?'&#x95F0; ':' ')+cld[d].lMonth+' &#x6708; '+cld[d].lDay+' &#x65E5;</font><br>'+ 
  476. '<font color="yellow">'+cld[d].cYear+'&#x5E74; '+cld[d].cMonth+'&#x6708; '+cld[d].cDay + '&#x65E5;</font>'+ 
  477. '</FONT></TD></TR></TABLE>'+ festival +'</TD></TR></TABLE>'; 
  478.  
  479.  
  480. document.all["detail"].innerHTML = s; 
  481.  
  482. if (snow == 0) { 
  483. dStyle.left = x+offsetx-(width/2); 
  484. dStyle.top = y+offsety; 
  485. dStyle.visibility = "visible"; 
  486. snow = 1; 
  487. } 
  488. } 
  489. } 
  490.  
  491.  
  492. function mOut() { 
  493. if ( cnt >= 1 ) { sw = 0 } 
  494. if ( sw == 0 ) { snow = 0; dStyle.visibility = "hidden";} 
  495. else cnt++; 
  496. } 
  497.  
  498.  
  499. function mEvn() { 
  500. x=event.x; 
  501. y=event.y; 
  502. if (document.body.scrollLeft) 
  503. {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;} 
  504. if (snow){ 
  505. dStyle.left = x+offsetx-(width/2) 
  506. dStyle.top = y+offsety 
  507. } 
  508. } 
  509.  
  510.  
  511.  
  512.  
  513. function tick() { 
  514. var today 
  515. today = new Date() 
  516. Clock.innerHTML = today.toLocaleString().replace(/(&#x5E74;|&#x6708;)/g, "/").replace(/&#x65E5;/, ""); 
  517.  
  518. window.setTimeout("tick()", 1000); 
  519. } 
  520.  
  521. function setCookie(name, value) { 
  522. var today = new Date() 
  523. var expires = new Date() 
  524. expires.setTime(today.getTime() + 1000*60*60*24*365) 
  525. document.cookie = name + "=" + escape(value) + "; expires=" + expires.toGMTString() 
  526. } 
  527.  
  528. function getCookie(Name) { 
  529. var search = Name + "=" 
  530. if(document.cookie.length > 0) { 
  531. offset = document.cookie.indexOf(search) 
  532. if(offset != -1) { 
  533. offset += search.length 
  534. end = document.cookie.indexOf(";", offset) 
  535. if(end == -1) end = document.cookie.length 
  536. return unescape(document.cookie.substring(offset, end)) 
  537. } 
  538. else return "" 
  539. } 
  540. } 
  541.  
  542.  
  543.  
  544. function initial() { 
  545. dStyle = detail.style; 
  546. CLD.SY.selectedIndex=tY-1900; 
  547. CLD.SM.selectedIndex=tM; 
  548. drawCld(tY,tM); 
  549.  
  550.  
  551. tick(); 
  552. } 
  553.  
  554.  
  555.  
  556.  
  557. </SCRIPT> 
  558.  
  559. <STYLE>.todyaColor { 
  560. BACKGROUND-COLOR: aqua 
  561. } 
  562. </STYLE> 
  563.  
  564.  
  565. <BODY onload=initial()> 
  566.  
  567. <DIV id=detail style="POSITION: absolute"></DIV> 
  568. <FORM name=CLD> 
  572. <div align="center"> 
  573. <TABLE width=100% align="center" height="40" bordercolordark="#CC9900" border=1> 
  574. <center> 
  575. <TBODY> 
  576. <TD align=middle vAlign=top width=100% height=50%> 
  578. <!-- 本机计算机时间UTF8转码后为下一行的：&#x672C;&#x5730;&#x8BA1;&#x7B97;&#x673A;&#x65F6;&#x95F4;-->
  580. <center><font  color=RED><span>&#x672C;&#x5730;&#x8BA1;&#x7B97;&#x673A;&#x65F6;&#x95F4;:</span> </FONT></FONT><BR><FONT color=#000080 id=Clock size=3 align="center"></FONT> 
  581. <!--时区 *表示自动调整为日光节约时间--> 
  582. </TABLE> 
  583. </div> 
  585. <center><tr>---------------------------------------------------------</tr></center>
  586. <div align="center">
  587. <table  width=100% align="center" height="40" border=1> 
  588. <CENTER> 
  589. <center> 
  590. <TBODY> 
  591. </center></center> 
  596. <td height="40" width=80% align="center"><font size="2">
  598. <!-- 公历，年，月UTF8转码后为 &#x516C;&#x5386;  &#x5E74;   &#x6708;-->
  599. <font color="#0000FF">&#x516C;&#x5386;&nbsp;</font>&#x5E74;</font><FONT color=#ffffff ><SELECT name=SY onchange=changeCld()> 
  600. <SCRIPT type="text/javascript" >
  601. for(I=1900;I<2050;I++) document.write('<option>'+I) 
  602. </SCRIPT> 
  603. </SELECT> </FONT>&#x6708;<FONT color=#ffffff ><SELECT name=SM onchange=changeCld() > 
  604. <SCRIPT type="text/javascript" >
  605. for(I=1;I<13;I++) document.write('<option>'+I) 
  606. </SCRIPT> 
  607. </SELECT></FONT></font> 
  609. <!-- 阴历，年，月UTF8转码后为 &#x9634;&#x5386;  &#x5E74;   &#x6708;-->
  610. <br><font size="2"><FONT ><font color="#0000FF">&#x9634;&#x5386;&nbsp;</font>&#x5E74;</font><FONT color=#ffffff ><SELECT name=D1 onchange=changeLong() > 
  611. <SCRIPT type="text/javascript" > 
  612. for(I=1900;I<2050;I++) document.write('<option>'+I) 
  613. </SCRIPT> 
  614. </SELECT> </FONT>&#x6708;<FONT color=#ffffff ><SELECT name=D2 onchange=changeLong() > 
  615. <SCRIPT type="text/javascript" >
  616. for(I=1;I<13;I++) document.write('<option>'+I) 
  617. </SCRIPT> 
  618. </SELECT></FONT></font></br></div>
  620. <!-- 月，当月 UTF8转码后为 &#x6708;  &#x5F53;&#x6708;-->
  621. <!-- ↑ ↓ UTF8转码后为 &#x2191;  &#x2193;-->
  622. <td height="40" width=20% align="center"> 
  623. <BUTTON onclick="pushBtm('MU')" >&#x6708;&#x2191; &nbsp;</BUTTON><br> 
  624. <BUTTON onclick="pushBtm('')" >&#x5F53;&#x6708;</BUTTON><br>  
  625. <BUTTON onclick="pushBtm('MD')" >&#x6708;&#x2193; &nbsp;</BUTTON> 
  626. </td> 
  629. <CENTER> 
  630. <!--'阴历存在跨月情况，如果查找到的阴历月跨两个公历月，用' UTF8转码后为 &#x9634;&#x5386;&#x5B58;&#x5728;&#x8DE8;&#x6708;&#x60C5;&#x51B5;&#xFF0C;&#x5982;&#x679C;&#x67E5;&#x627E;&#x5230;&#x7684;&#x9634;&#x5386;&#x6708;&#x8DE8;&#x4E24;&#x4E2A;&#x516C;&#x5386;&#x6708;&#xFF0C;&#x7528;-->
  631. <!-- '翻动可以找到你想要的确切日期。'UTF8转码后为 &#x7FFB;&#x52A8;&#x53EF;&#x4EE5;&#x627E;&#x5230;&#x4F60;&#x60F3;&#x8981;&#x7684;&#x786E;&#x5207;&#x65E5;&#x671F;&#x3002;-->
  632. <table align=middle border=1 width=100%  bordercolordark="#FFFFCC"> 
  633. <td width="100%" align=middle ><font  color=#0> &#x9634;&#x5386;&#x5B58;&#x5728;&#x8DE8;&#x6708;&#x60C5;&#x51B5;&#xFF0C;&#x5982;&#x679C;&#x67E5;&#x627E;&#x5230;&#x7684;&#x9634;&#x5386;&#x6708;&#x8DE8;&#x4E24;&#x4E2A;&#x516C;&#x5386;&#x6708;&#xFF0C;&#x7528;<font color=blue>[&#x6708;&#x2191;][&#x6708;&#x2193;]</font>&#x7FFB;&#x52A8;&#x53EF;&#x4EE5;&#x627E;&#x5230;&#x4F60;&#x60F3;&#x8981;&#x7684;&#x786E;&#x5207;&#x65E5;&#x671F;&#x3002;</font></td> 
  634. <center><tr>---------------------------------------------------------</tr></center>
  635. </table> 
  636. </CENTER> 
  637. </table> 
  640. <center><tr>---------------------------------------------------------</tr></center>
  641. <FONT id=YMBG COLOR=#f0f0f0> </FONT> 
  643. <div align="center"> 
  644. <center> 
  645. <TABLE align="center" border=1 width=100% cellspacing="1"> 
  646. <center> 
  647. <TBODY> 
  648. <center> 
  649. <TR> 
  650. <center><TD bgColor=#000080 colSpan=7 align="center" width=100% height="25"><FONT color=#000080 size=2> </FONT>
  651. <center> <FONT color=#ffffff id=GZ size=4></FONT><BR></TD></TR> 
  652. <center> <TR align=middle bgColor=#e0e0e0>
  653. <center>
  654. <!-- 日一二三四五六 UTF8转码后为  &#x65E5; &#x4E00; &#x4E8C; &#x4E09; &#x56DB; &#x4E94; &#x516D; --> 
  655. <center> <TD width=15% align="center" bgcolor="#99CCFF"><font size="2">&#x65E5;</font></TD> 
  656. <center> <TD width=14% align="center" bgcolor="#99CCFF"><font size="2">&#x4E00;</font></TD> 
  657. <center> <TD width=14% align="center" bgcolor="#99CCFF"><font size="2">&#x4E8C;</font></TD> 
  658. <center> <TD width=14% align="center" bgcolor="#99CCFF"><font size="2">&#x4E09;</font></TD> 
  659. <center> <TD width=14% align="center" bgcolor="#99CCFF"><font size="2">&#x56DB;</font></TD> 
  660. <center> <TD width=14% align="center" bgcolor="#99CCFF"><font size="2">&#x4E94;</font></TD> 
  661. <center> <TD width=15% align="center" bgcolor="#99CCFF"><font size="2">&#x516D; </font></TD></TR> 
  662. <center> <SCRIPT type="text/javascript" > 
  663. var gNum 
  664. for(I=0;I<6;I++) { 
  665. document.write('<tr align=center>') 
  666. for(j=0;j<7;j++) { 
  667. gNum = I*7+j 
  668. document.write('<td id="GD' + gNum +'" onMouseOver="mOvr(' + gNum +')" onMouseOut="mOut()"><font id="SD' + gNum +'" size=2 ') 
  669. if(j == 0) document.write(' color=red') 
  670. if(j == 6) 
  671. if(I%2==1) document.write(' color=red') 
  672. else document.write(' color=green') 
  673. document.write(' TITLE=""> </font><br><font id="LD' + gNum + '" size=2 > </font></td>') 
  674. } 
  675. document.write('</tr>') 
  676. } 
  677. </SCRIPT> 
  678. </TBODY></TABLE> 
  679. </center> 
  680. </div> 
  681. </TD> 
  682. </TR></TBODY></TABLE> 
  683. </div> 
  684. </FORM> 
  685. </body> 
  686. </td>
  687.   
  688.   
  689.   <!-- 日历代码结束-->
  692.     </ul>
  693. </div>

 

转载于:https://my.oschina.net/u/3372900/blog/878655

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/636157
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号