極品日歷 Javascript網頁版 v1.0_日期時間特效

Javascript極品日歷網頁版，不愧是極品日歷啊，功能真多，農歷、公歷、節日、星期幾、日期時間都有了，而且代碼也不像有些網頁日歷那么繁瑣，因此不管是使用或是學習研究，本日歷都適合。注：本日期資料代碼來源臺灣林洵賢《農歷月歷與世界時間》，《極品日歷》版本由KOEN LEE制作。

<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" mrc="IE=EmulateIE7" />
<title>極品日歷</title>
<STYLE type="text/css">
html{overflow-x: hidden;overflow-y:auto;}
#myrl{width:532px;height:352px;margin:0px auto;background:#fff;position:relative;border:2px dashed #ccc}
#box{width:520px;height:322px;position:absolute;top:10px;right:0px;}
#boxmsg a{display:block;font-size:12px;color:#09F;text-decoration:none;text-align:center;padding-top:12px;background:#ededed;width:48px;height:37px;position:absolute;top:13px;right:15px;z-index:9999;}
#boxcopy{font-size:12px;color:#D2FFE1;height:16px;position:absolute;bottom:6px;right:15px;z-index:2;}
.btm button{display:block;height:22px;width:36px;line-height:18px;white-space:nowrap;text-align:center;}
.todyaColor{ background-color:#0FF;}
/*主題顏色
#0FF=今日顏色;
#0099FF=日歷主題顏色;*/
</STYLE>
<SCRIPT language="JavaScript">
<!--
/*****************************************************************************
日期資料 代碼來源臺灣林洵賢《農歷月歷與世界時間》,《極品日歷》版本由KOEN LEE制作
請尊重作者勞力與付出，修改時請保留相關原作信息，謝謝^_^ 31/03/10
*****************************************************************************/
var lunarInfo=new Array(
0x4bd8,0x4ae0,0xa570,0x54d5,0xd260,0xd950,0x5554,0x56af,0x9ad0,0x55d2,
0x4ae0,0xa5b6,0xa4d0,0xd250,0xd255,0xb54f,0xd6a0,0xada2,0x95b0,0x4977,
0x497f,0xa4b0,0xb4b5,0x6a50,0x6d40,0xab54,0x2b6f,0x9570,0x52f2,0x4970,
0x6566,0xd4a0,0xea50,0x6a95,0x5adf,0x2b60,0x86e3,0x92ef,0xc8d7,0xc95f,
0xd4a0,0xd8a6,0xb55f,0x56a0,0xa5b4,0x25df,0x92d0,0xd2b2,0xa950,0xb557,
0x6ca0,0xb550,0x5355,0x4daf,0xa5b0,0x4573,0x52bf,0xa9a8,0xe950,0x6aa0,
0xaea6,0xab50,0x4b60,0xaae4,0xa570,0x5260,0xf263,0xd950,0x5b57,0x56a0,
0x96d0,0x4dd5,0x4ad0,0xa4d0,0xd4d4,0xd250,0xd558,0xb540,0xb6a0,0x95a6,
0x95bf,0x49b0,0xa974,0xa4b0,0xb27a,0x6a50,0x6d40,0xaf46,0xab60,0x9570,
0x4af5,0x4970,0x64b0,0x74a3,0xea50,0x6b58,0x5ac0,0xab60,0x96d5,0x92e0,
0xc960,0xd954,0xd4a0,0xda50,0x7552,0x56a0,0xabb7,0x25d0,0x92d0,0xcab5,
0xa950,0xb4a0,0xbaa4,0xad50,0x55d9,0x4ba0,0xa5b0,0x5176,0x52bf,0xa930,
0x7954,0x6aa0,0xad50,0x5b52,0x4b60,0xa6e6,0xa4e0,0xd260,0xea65,0xd530,
0x5aa0,0x76a3,0x96d0,0x4afb,0x4ad0,0xa4d0,0xd0b6,0xd25f,0xd520,0xdd45,
0xb5a0,0x56d0,0x55b2,0x49b0,0xa577,0xa4b0,0xaa50,0xb255,0x6d2f,0xada0,
0x4b63,0x937f,0x49f8,0x4970,0x64b0,0x68a6,0xea5f,0x6b20,0xa6c4,0xaaef,
0x92e0,0xd2e3,0xc960,0xd557,0xd4a0,0xda50,0x5d55,0x56a0,0xa6d0,0x55d4,
0x52d0,0xa9b8,0xa950,0xb4a0,0xb6a6,0xad50,0x55a0,0xaba4,0xa5b0,0x52b0,
0xb273,0x6930,0x7337,0x6aa0,0xad50,0x4b55,0x4b6f,0xa570,0x54e4,0xd260,
0xe968,0xd520,0xdaa0,0x6aa6,0x56df,0x4ae0,0xa9d4,0xa4d0,0xd150,0xf252,
0xd520);

var  solarMonth=new  Array(31,28,31,30,31,30,31,31,30,31,30,31);
var  Gan=new  Array("甲","乙","丙","丁","戊","己","庚","辛","壬","癸");
var  Zhi=new  Array("子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥");
var  Animals=new  Array("鼠","牛","虎","兔","龍","蛇","馬","羊","猴","雞","狗","豬");
var  solarTerm  =  new  Array("小寒","大寒","立春","雨水","驚蟄","春分","清明","谷雨","立夏","小滿","芒種","夏至","小暑","大暑","立秋","處暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至")
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)
var  nStr1  =  new  Array('日','一','二','三','四','五','六','七','八','九','十')
var  nStr2  =  new  Array('初','十','廿','卅',' ')

//國歷節日  *表示放假日
var  sFtv  =  new  Array(
"0101*元旦",
"0106  中國13億人口日",
"0110  中國110宣傳日",

"0202  世界濕地日",
"0204  世界抗癌癥日",
"0210  世界氣象日",
"0214  情人節",
"0221  國際母語日",
"0207  國際聲援南非日",

"0303  全國愛耳日",
"0308  婦女節",
"0312  植樹節 孫中山逝世紀念日",
"0315  消費者權益保護日",
"0321  世界森林日",
"0322  世界水日",
"0323  世界氣象日",
"0324  世界防治結核病日",

"0401  愚人節",
"0407  世界衛生日",
"0422  世界地球日",

"0501*國際勞動節",
"0504  中國青年節",
"0505  全國碘缺乏病日",
"0508  世界紅十字日",
"0512  國際護士節",
"0515  國際家庭日",
"0517  世界電信日",
"0518  國際博物館日",
"0519  中國汶川地震哀悼日 全國助殘日",
"0520  全國學生營養日",
"0522  國際生物多樣性日",
"0523  國際牛奶日",
"0531  世界無煙日",

"0601  國際兒童節",
"0605  世界環境日",
"0606  全國愛眼日",
"0617  防治荒漠化和干旱日",
"0623  國際奧林匹克日",
"0625  全國土地日",
"0626  國際反毒品日",

"0701  建黨節 香港回歸紀念日",
"0707  抗日戰爭紀念日",
"0711  世界人口日",

"0801  八一建軍節",
"0815  日本正式宣布無條件投降日",

"0908  國際掃盲日",
"0909  毛澤東逝世紀念日",
"0910  教師節",
"0916  國際臭氧層保護日",
"0917  國際和平日",
"0918  九·一八事變紀念日",
"0920  國際愛牙日",
"0927  世界旅游日",
"0928  孔子誕辰",

"1001*國慶節 國際音樂節 國際老人節",
"1002  國際減輕自然災害日",
"1004  世界動物日",
"1007  國際住房日",
"1008  世界視覺日 全國高血壓日",
"1009  世界郵政日",
"1010  辛亥革命紀念日 世界精神衛生日",
"1015  國際盲人節",
"1016  世界糧食節",
"1017  世界消除貧困日",
"1022  世界傳統醫藥日",
"1024  聯合國日",
"1025  人類天花絕跡日",
"1026  足球誕生日",
"1031  萬圣節",

"1107  十月社會主義革命紀念日",
"1108  中國記者日",
"1109  消防宣傳日",
"1110  世界青年節",
"1112  孫中山誕辰",
"1114  世界糖尿病日",
"1117  國際大學生節",

"1201  世界艾滋病日",
"1203  世界殘疾人日",
"1209  世界足球日",
"1210  世界人權日",
"1212  西安事變紀念日",
"1213  南京大屠殺(1937年)紀念日，血淚的歷史，中華兒女不可忘",
"1220  澳門回歸紀念日",
"1221  國際籃球日",
"1224  平安夜",
"1225  圣誕節 世界強化免疫日",
"1226  毛澤東誕辰")
//農歷節日  *表示放假日
var  lFtv  =  new  Array(
"0101*春節",
"0102*大年初二",
"0103*大年初三",
"0105  路神生日",
"0115  元宵節",
"0202  龍抬頭",
"0219  觀世音圣誕",
"0404  寒食節",
"0408  佛誕節 ",
"0505*端午節",
"0606  天貺節 姑姑節",
"0624  彝族火把節",
"0707  七夕情人節",
"0714  鬼節(南方)",
"0715  盂蘭節",
"0730  地藏節",
"0815*中秋節",
"0909  重陽節",
"1001  祭祖節",
"1117  阿彌陀佛圣誕",
"1208  臘八節 釋迦如來成道日",
"1223  過小年",
"0100*除夕");
//某月的第幾個星期幾; 5,6,7,8 表示到數第 1,2,3,4 個星期幾
var  wFtv  =  new  Array(
"0110  黑人節",
"0150  世界麻風日",
"0121  日本成人節",
"0520  母親節",
"0530  全國助殘日",
"0630  父親節",
"0716  合作節",
"0730  被奴役國家周",
"0932  國際和平日",
"0940  國際聾人節 世界兒童日",
"1011  國際住房日",
"1144  感恩節")

/*****************************************************************************
日期計算
*****************************************************************************/

//====================================== 返回農歷 y年的總天數
function lYearDays(y) {
 var i, sum = 348;
 for(i=0x8000; i>0x8; i>>=1) sum += (lunarInfo[y-1900] & i)? 1: 0;
 return(sum+leapDays(y));
}

//====================================== 返回農歷 y年閏月的天數
function leapDays(y) {
 if(leapMonth(y)) return( (lunarInfo[y-1899]&0xf)==0xf? 30: 29);
 else return(0);
}

//====================================== 返回農歷 y年閏哪個月 1-12 , 沒閏返回 0
function leapMonth(y) {
 var lm = lunarInfo[y-1900] & 0xf;
 return(lm==0xf?0:lm);
}

//====================================== 返回農歷 y年m月的總天數
function monthDays(y,m) {
 return( (lunarInfo[y-1900] & (0x10000>>m))? 30: 29 );
}

//====================================== 算出農歷, 傳入日期控件, 返回農歷日期控件
//                                       該控件屬性有 .year .month .day .isLeap
function Lunar(objDate) {

var i, leap=0, temp=0;
   var offset   = (Date.UTC(objDate.getFullYear(),objDate.getMonth(),objDate.getDate()) - Date.UTC(1900,0,31))/86400000;

for(i=1900; i<2100 && offset>0; i++) { temp=lYearDays(i); offset-=temp; }

if(offset<0) { offset+=temp; i--; }

this.year = i;

leap = leapMonth(i); //閏哪個月
   this.isLeap = false;

for(i=1; i<13 && offset>0; i++) {
      //閏月
      if(leap>0 && i==(leap+1) && this.isLeap==false)
         { --i; this.isLeap = true; temp = leapDays(this.year); }
      else
         { temp = monthDays(this.year, i); }

//解除閏月
      if(this.isLeap==true && i==(leap+1)) this.isLeap = false;

offset -= temp;
   }

if(offset==0 && leap>0 && i==leap+1)
      if(this.isLeap)
         { this.isLeap = false; }
      else
         { this.isLeap = true; --i; }

if(offset<0){ offset += temp; --i; }

this.month = i;
   this.day = offset + 1;
}

//==============================返回公歷 y年某m+1月的天數
function solarDays(y,m) {
   if(m==1)
      return(((y%4 == 0) && (y%100 != 0) || (y%400 == 0))? 29: 28);
   else
      return(solarMonth[m]);
}
//============================== 傳入 offset 返回干支, 0=甲子
function cyclical(num) {
   return(Gan[num%10]+Zhi[num%12]);
}

//============================== 陰歷屬性
function calElement(sYear,sMonth,sDay,week,lYear,lMonth,lDay,isLeap,cYear,cMonth,cDay) {

this.isToday    = false;
      //瓣句
      this.sYear      = sYear;   //公元年4位數字
      this.sMonth     = sMonth;  //公元月數字
      this.sDay       = sDay;    //公元日數字
      this.week       = week;    //星期, 1個中文
      //農歷
      this.lYear      = lYear;   //公元年4位數字
      this.lMonth     = lMonth;  //農歷月數字
      this.lDay       = lDay;    //農歷日數字
      this.isLeap     = isLeap;  //是否為農歷閏月?
      //八字
      this.cYear      = cYear;   //年柱, 2個中文
      this.cMonth     = cMonth;  //月柱, 2個中文
      this.cDay       = cDay;    //日柱, 2個中文

this.color      = '';

this.lunarFestival = ''; //農歷節日
      this.solarFestival = ''; //公歷節日
      this.solarTerms    = ''; //節氣
}

//===== 某年的第n個節氣為幾日(從0小寒起算)
function sTerm(y,n) {
   var offDate = new Date( ( 31556925974.7*(y-1900) + sTermInfo[n]*60000  ) + Date.UTC(1900,0,6,2,5) );
   return(offDate.getUTCDate());
}

//============================== 返回陰歷 (y年,m+1月)

function calendar(y,m) {

var sDObj, lDObj, lY, lM, lD=1, lL, lX=0, tmp1, tmp2, tmp3;
   var cY, cM, cD; //年柱,月柱,日柱
   var lDPOS = new Array(3);
   var n = 0;
   var firstLM = 0;

sDObj = new Date(y,m,1,0,0,0,0);    //當月一日日期

this.length    = solarDays(y,m);    //公歷當月天數
   this.firstWeek = sDObj.getDay();    //公歷當月1日星期幾

////////年柱 1900年立春后為庚子年(60進制36)
   if(m<2) cY=cyclical(y-1900+36-1);
   else cY=cyclical(y-1900+36);
   var term2=sTerm(y,2); //立春日期

////////月柱 1900年1月小寒以前為 丙子月(60進制12)
   var firstNode = sTerm(y,m*2) //返回當月「節」為幾日開始
   cM = cyclical((y-1900)*12+m+12);

//當月一日與 1900/1/1 相差天數
   //1900/1/1與 1970/1/1 相差25567日, 1900/1/1 日柱為甲戌日(60進制10)
   var dayCyclical = Date.UTC(y,m,1,0,0,0,0)/86400000+25567+10;

for(var i=0;i<this.length;i++) {

if(lD>lX) {
         sDObj = new Date(y,m,i+1);    //當月一日日期
         lDObj = new Lunar(sDObj);     //農歷
         lY    = lDObj.year;           //農歷年
         lM    = lDObj.month;          //農歷月
         lD    = lDObj.day;            //農歷日
         lL    = lDObj.isLeap;         //農歷是否閏月
         lX    = lL? leapDays(lY): monthDays(lY,lM); //農歷當月最后一天

if(n==0) firstLM = lM;
         lDPOS[n++] = i-lD+1;
      }

//依節氣調整二月分的年柱, 以立春為界
      if(m==1 && (i+1)==term2) cY=cyclical(y-1900+36);
      //依節氣月柱, 以「節」為界
      if((i+1)==firstNode) cM = cyclical((y-1900)*12+m+13);
      //日柱
      cD = cyclical(dayCyclical+i);

//sYear,sMonth,sDay,week,
      //lYear,lMonth,lDay,isLeap,
      //cYear,cMonth,cDay
      this[i] = new calElement(y, m+1, i+1, nStr1[(i+this.firstWeek)%7],
                               lY, lM, lD++, lL,
                               cY ,cM, cD );
   }

//節氣
   tmp1=sTerm(y,m*2  )-1;
   tmp2=sTerm(y,m*2+1)-1;
   this[tmp1].solarTerms = solarTerm[m*2];
   this[tmp2].solarTerms = solarTerm[m*2+1];
   if(m==3) this[tmp1].color = 'red'; //清明顏色

//國歷節日
for(i  in  sFtv)
if(sFtv[i].match(/^(\d{2})(\d{2})([\s\*])(.+)$/))
if(Number(RegExp.$1)==(m+1))  {
this[Number(RegExp.$2)-1].solarFestival  +=  RegExp.$4  +  '  '
if(RegExp.$3=='*')  this[Number(RegExp.$2)-1].color  =  'red'
}

//月周節日
for(i  in  wFtv)
if(wFtv[i].match(/^(\d{2})(\d)(\d)([\s\*])(.+)$/))
if(Number(RegExp.$1)==(m+1))  {
tmp1=Number(RegExp.$2)
tmp2=Number(RegExp.$3)
this[((this.firstWeek>tmp2)?7:0)  +  7*(tmp1-1)  +  tmp2  -  this.firstWeek].solarFestival  +=  RegExp.$5  +  '  '
}

//農歷節日
for(i  in  lFtv)
if(lFtv[i].match(/^(\d{2})(.{2})([\s\*])(.+)$/))  {
tmp1=Number(RegExp.$1)-firstLM
if(tmp1==-11)  tmp1=1
if(tmp1  >=0  &&  tmp1<n)  {
tmp2  =  lDPOS[tmp1]  +  Number(RegExp.$2)  -1
if(  tmp2  >=  0  &&  tmp2<this.length)  {
this[tmp2].lunarFestival  +=  RegExp.$4  +  '  '
if(RegExp.$3=='*')  this[tmp2].color  =  'red'
}
}
}

//復活節只出現在3或4月
   if(m==2 || m==3) {
      var estDay = new easter(y);
      if(m == estDay.m)
         this[estDay.d-1].solarFestival = this[estDay.d-1].solarFestival+' 復活節(Easter Sunday)';
   }

if(m==2) {this[30].solarFestival += unescape('%u300A%u6781%u54C1%u65E5%u5386%u300B%u6B63%u5F0F%u53D1%u5E03');
   }
   //黑色星期五
   if((this.firstWeek+12)%7==5)
      this[12].solarFestival += '黑色星期五';

//今日
   if(y==tY && m==tM) this[tD-1].isToday = true;
}

//======================================= 返回該年的復活節(春分后第一次滿月周后的第一主日)
function easter(y) {

var term2=sTerm(y,5); //取得春分日期
   var dayTerm2 = new Date(Date.UTC(y,2,term2,0,0,0,0)); //取得春分的公歷日期控件(春分一定出現在3月)
   var lDayTerm2 = new Lunar(dayTerm2); //取得取得春分農歷

if(lDayTerm2.day<15) //取得下個月圓的相差天數
      var lMlen= 15-lDayTerm2.day;
   else
      var lMlen= (lDayTerm2.isLeap? leapDays(y): monthDays(y,lDayTerm2.month)) - lDayTerm2.day + 15;

//一天等于 1000*60*60*24 = 86400000 毫秒
   var l15 = new Date(dayTerm2.getTime() + 86400000*lMlen ); //求出第一次月圓為公歷幾日
   var dayEaster = new Date(l15.getTime() + 86400000*( 7-l15.getUTCDay() ) ); //求出下個周日

this.m = dayEaster.getUTCMonth();
   this.d = dayEaster.getUTCDate();

}
//======================  中文日期
function  cDay(d){
var  s;

switch  (d)  {
case  10:
s  =  '初十';  break;
case  20:
s  =  '二十';  break;
break;
case  30:
s  =  '三十';  break;
break;
default  :
s  =  nStr2[Math.floor(d/10)];
s  +=  nStr1[d%10];
}
return(s);
}
var  cld;

function  drawCld(SY,SM)  {
var  i,sD,s,size;
cld  =  new  calendar(SY,SM);

if(SY>1874  &&  SY<1909)  yDisplay  =  '光緒'  +  (((SY-1874)==1)?'元':SY-1874)
if(SY>1908  &&  SY<1912)  yDisplay  =  '宣統'  +  (((SY-1908)==1)?'元':SY-1908)
if(SY>1911  &&  SY<1950)  yDisplay  =  '民國'  +  (((SY-1911)==1)?'元':SY-1911)
if(SY>1949)  yDisplay  =  '共和國'  +  (((SY-1949)==1)?'元':SY-1949)

GZ.innerHTML  =  yDisplay  +'年  農歷'  +  cyclical(SY-1900+36)  +  '年&nbsp;【'+Animals[(SY-4)%12]+'】';

for(i=0;i<42;i++)  {

sObj=eval('SD'+  i);
lObj=eval('LD'+  i);

sObj.className  =  '';

sD  =  i  -  cld.firstWeek;

if(sD>-1  &&  sD<cld.length)  {  //日期內
sObj.innerHTML  =  sD+1;

if(cld[sD].isToday)  sObj.className  =  'todyaColor';  //今日顏色

sObj.style.color  =  cld[sD].color;  //國定假日顏色

if(cld[sD].lDay==1)  //顯示農歷月
lObj.innerHTML  =  '<b>'+(cld[sD].isLeap?'閏':'')  +  cld[sD].lMonth  +  '月'  +  (monthDays(cld[sD].lYear,cld[sD].lMonth)==29?'小':'大')+'</b>';
else  //顯示農歷日
lObj.innerHTML  =  cDay(cld[sD].lDay);

s=cld[sD].lunarFestival;
if(s.length>0)  {  //農歷節日
if(s.length>8)  s  =  s.substr(0,  5)+'...';
s  =  s.fontcolor('red');
}
else  {  //國歷節日
s=cld[sD].solarFestival;
if(s.length>0)  { 
if(s.length>8)  s  =  s.substr(0,  5)+'...';
s=(s=='黑色星期五')?s.fontcolor('black'):s.fontcolor('#0066FF');
}
else  {  //廿四節氣
s=cld[sD].solarTerms;
if(s.length>0)  s  =  s.fontcolor('limegreen');
}
}
if(cld[sD].solarTerms=='清明') s = '清明節'.fontcolor('red');
if(cld[sD].solarTerms=='芒種') s = '芒種'.fontcolor('red');
if(cld[sD].solarTerms=='夏至') s = '夏至'.fontcolor('red');
if(cld[sD].solarTerms=='冬至') s = '冬至'.fontcolor('red');

if(s.length>0)  lObj.innerHTML  =  s;

}
else  {  //非日期
sObj.innerHTML  =  '';
lObj.innerHTML  =  '';
}
}
}

function changeCld() {
   var y,m;
   y=CLD.SY.selectedIndex+1900;
   m=CLD.SM.selectedIndex;
   drawCld(y,m);
}

var Today = new Date();
var tY = Today.getFullYear();
var tM = Today.getMonth();
var tD = Today.getDate();
//////////////////////////////////////////////////////////////////////////////

var  width  =  "130";
var  offsetX  =  2;
var  offsetY  =  18;

var  x  =  0;
var  y  =  0;
var  snow  =  0;
var  sw  =  0;
var  cnt  =  0;
var  dStyle;
document.onmousemove  =  mEvn;

//計算星座
function getAstro(month,day){    
    var s="魔羯水瓶雙魚白羊金牛雙子巨蟹獅子處女天秤天蝎射手魔羯";
    var arr=[20,19,21,21,21,22,23,23,23,23,22,22];
    return s.substr(month*2-(day<arr[month-1]?2:0),2);
}
// 將農歷iLunarMonth月格式化成農歷表示的字符串
function FormatLunarMonth(iLunarMonth)
{ 
var szText = new String("正二三四五六七八九十");
var strMonth;
if (iLunarMonth <= 10)
{
strMonth = szText.substr(iLunarMonth - 1, 1);
}
else if (iLunarMonth == 11) strMonth = "十一";
else strMonth = "十二";
return strMonth + "月";
}
// 將農歷iLunarDay日格式化成農歷表示的字符串
function FormatLunarDay(iLunarDay)
{ 
var szText1 = new String("初十廿三");
var szText2 = new String("一二三四五六七八九十");
var strDay;
if ((iLunarDay != 20) && (iLunarDay != 30))
{
strDay = szText1.substr((iLunarDay - 1) / 10, 1) + szText2.substr((iLunarDay - 1) % 10, 1);
}
else if (iLunarDay != 20)
{
strDay = szText1.substr(iLunarDay / 10, 1) + "十";
}
else
{
strDay = "二十";
}
return strDay;
}
//顯示詳細日期資料
function  mOvr(v)  {
var  s,festival;
var  sObj=eval('SD'+  v);
var  d=sObj.innerHTML-1;
var myxz=getAstro(cld[d].sMonth,cld[d].sDay);
//sYear,sMonth,sDay,week,
//lYear,lMonth,lDay,isLeap,
//cYear,cMonth,cDay
if(sObj.innerHTML!='')  {

sObj.style.cursor  =  'default';
if(cld[d].solarTerms  ==  ''  &&  cld[d].solarFestival  ==  ''  &&  cld[d].lunarFestival  ==  '')
festival  =  '';
else
festival  =  '<TABLE  WIDTH=100%  BORDER=0  CELLPADDING=2  CELLSPACING=0  BGCOLOR="#CCFFCC"><TR><TD>'+
'<FONT  COLOR="#000000"  STYLE="font-size:9pt;">'+cld[d].solarTerms  +  '  '  +  cld[d].solarFestival  +  '  '  +  cld[d].lunarFestival+'</FONT></TD>'+'</TR></TABLE>';

s=  '<TABLE  WIDTH="130"  BORDER=0  CELLPADDING="2"  CELLSPACING=0  BGCOLOR="#0099FF"><TR><TD>'  +
'<TABLE  WIDTH=100%  BORDER=0  CELLPADDING=0  CELLSPACING=0><TR><TD  ALIGN="right"><FONT  COLOR="#ffffff"  STYLE="font-size:9pt;">'+
cld[d].sYear+'  年  '+cld[d].sMonth+'  月  '+cld[d].sDay+'  日<br>星期'+cld[d].week+' '+myxz+'座<br>'+
'<font  color="#FFCCCC">農歷'+(cld[d].isLeap?'閏  ':'  ')+FormatLunarMonth(cld[d].lMonth)+FormatLunarDay(cld[d].lDay)+'</font><br>'+
'<font  color="yellow">'+cld[d].cYear+'年  '+cld[d].cMonth+'月  '+cld[d].cDay  +  '日</font>'+
'</FONT></TD></TR></TABLE>'+  festival  +'</TD></TR></TABLE>';

document.getElementById("detail").innerHTML  =  s;

if  (snow  ==  0)  {
dStyle.left  =  x+offsetX-(width/2);
dStyle.top  =  y+offsetY;
dStyle.visibility  =  "visible";
snow  =  1;
}
}
}

//清除詳細日期資料
function  mOut()  {
if  (  cnt  >=  1  )  {  sw  =  0  }
if  (  sw  ==  0  )  {  snow  =  0;	dStyle.visibility  =  "hidden";}
else  cnt++;
}

//取得位置
function  mEvn(evt)  {
evt=evt?evt:(window.event?window.event:null);
if  (document.body.scrollLeft)
{x=evt.x+document.body.scrollLeft;  y=evt.y+document.body.scrollTop;}else{
x=evt.x?evt.x:evt.pageX;
y=evt.y?evt.y:evt.pageY;
}
if  (snow){
	if(navigator.userAgent.indexOf('MSIE')>=0){//ie
	dStyle.left  =  x+offsetX-(width/2)
	dStyle.top  =  y+offsetY}
	else{//ff gc
	dStyle.left  =  x-432;
	dStyle.top  =  y+10;}
}
}
///////////////////////////////////////////////////////////////////////////
function  initial()  {
dStyle  =document.getElementById('detail').style;
CLD.SY.selectedIndex=tY-1900;
CLD.SM.selectedIndex=tM;
drawCld(tY,tM);
}
//-->
</SCRIPT>
</head>
<body bgColor="beige" onLoad="initial()">
<div id="myrl">
  <FORM  name=CLD>
  	<DIV  id="detail" style="position:absolute;z-index:9999;"></DIV>
    <TABLE id="box" style="table-layout:fixed;word-break: break-all; word-wrap: break-word;">
      <TBODY>
        <TR>
          <TD  align=middle>
          <style>
          	table.biao{border-collapse:collapse; font-family:"Times New Roman","宋體";}
			table.biao td{border:1px solid #fff;}
          </style>
            <TABLE class="biao">
              <TBODY>
                <TR>
                  <TD bgColor=#0099FF  colSpan=7 style="height:22px;padding-top:3px;text-align:center;"><FONT  style="FONT-SIZE:9pt" color=#ffffff  size=2>公歷
                    <SELECT  style="FONT-SIZE:  9pt" onchange=changeCld()  name=SY>
                      <SCRIPT language=JavaScript></SCRIPT>
                    </SELECT>年
                    <SELECT  style="FONT-SIZE:  9pt"  onchange=changeCld() name=SM>
					<SCRIPT  language=JavaScript></SCRIPT>
                    </SELECT>月</FONT> <FONT  id=GZ style="color:#fff;font:18px 'Times New Roman','宋體';"></FONT>
                   </TD>
                </TR>
                <TR style="color:#333;font:16px '宋體';background:#A8E1FD;font-weight:bold;text-align:center;vertical-align:middle;">
                  <TD width="70">日</TD>
                  <TD width="70">一</TD>
                  <TD width="70">二</TD>
                  <TD width="70">三</TD>
                  <TD width="70">四</TD>
                  <TD width="70">五</TD>
                  <TD width="70">六</TD>
                </TR>
<SCRIPT  language="JavaScript"></SCRIPT>
            </TABLE></TD>
          <TD  vAlign=top  align=middle  width=60 class="btm"><BR><BR><BR><BR>
            <BUTTON style="FONT-SIZE:  9pt"  onclick="pushBtm('YU');return false;">年↑</BUTTON>
            <BUTTON style="FONT-SIZE:  9pt"  onclick="pushBtm('YD');return false;">年↓</BUTTON>
            <br />
            <BUTTON  style="FONT-SIZE:  9pt" onClick="pushBtm('MU');return false;">月↑</BUTTON>
              <BUTTON  style="FONT-SIZE:  9pt" onClick="pushBtm('MD');return false;">月↓</BUTTON>
            <br />
              <BUTTON  style="height:38px;line-height:34px;_width:auto;padding:0;margin:0;FONT-SIZE:  9pt"  onclick="pushBtm('');return false;">當月</BUTTON>
          </TD>
        </TR>
      </TBODY>
    </TABLE>
  </FORM>
  <div id="boxmsg"><a  title="聯系作者" target="_blank">極品日歷V1.0</a></div>
  <div id="boxcopy">&copy;2010,03,28 By KOEN LEE</div>
</div>
</body>
</html>

所屬頻道：日期時間特效/更新時間：2012-12-04

[收藏][報錯][返回列表]

相關日期時間特效：

極品日歷 Javascript網頁版 v1.0_日期時間特效

日期時間特效Rss訂閱特效代碼搜索

日期時間特效推薦

猜你也喜歡看這些