網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>日期時(shí)間特效代碼>

極品日歷 Javascript網(wǎng)頁版 v1.0_日期時(shí)間特效

Javascript極品日歷網(wǎng)頁版，不愧是極品日歷啊，功能真多，農(nóng)歷、公歷、節(jié)日、星期幾、日期時(shí)間都有了，而且代碼也不像有些網(wǎng)頁日歷那么繁瑣，因此不管是使用或是學(xué)習(xí)研究，本日歷都適合。注：本日期資料代碼來源臺(tái)灣林洵賢《農(nóng)歷月歷與世界時(shí)間》，《極品日歷》版本由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">
<!--
/*****************************************************************************
日期資料 代碼來源臺(tái)灣林洵賢《農(nóng)歷月歷與世界時(shí)間》,《極品日歷》版本由KOEN LEE制作
請(qǐng)尊重作者勞力與付出，修改時(shí)請(qǐng)保留相關(guān)原作信息，謝謝^_^ 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('初','十','廿','卅',' ')

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

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

"0303  全國(guó)愛耳日",
"0308  婦女節(jié)",
"0312  植樹節(jié) 孫中山逝世紀(jì)念日",
"0315  消費(fèi)者權(quán)益保護(hù)日",
"0321  世界森林日",
"0322  世界水日",
"0323  世界氣象日",
"0324  世界防治結(jié)核病日",

"0401  愚人節(jié)",
"0407  世界衛(wèi)生日",
"0422  世界地球日",

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

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

"0701  建黨節(jié) 香港回歸紀(jì)念日",
"0707  抗日戰(zhàn)爭(zhēng)紀(jì)念日",
"0711  世界人口日",

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

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

"1001*國(guó)慶節(jié) 國(guó)際音樂節(jié) 國(guó)際老人節(jié)",
"1002  國(guó)際減輕自然災(zāi)害日",
"1004  世界動(dòng)物日",
"1007  國(guó)際住房日",
"1008  世界視覺日 全國(guó)高血壓日",
"1009  世界郵政日",
"1010  辛亥革命紀(jì)念日 世界精神衛(wèi)生日",
"1015  國(guó)際盲人節(jié)",
"1016  世界糧食節(jié)",
"1017  世界消除貧困日",
"1022  世界傳統(tǒng)醫(yī)藥日",
"1024  聯(lián)合國(guó)日",
"1025  人類天花絕跡日",
"1026  足球誕生日",
"1031  萬圣節(jié)",

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

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

/*****************************************************************************
日期計(jì)算
*****************************************************************************/

//====================================== 返回農(nóng)歷 y年的總天數(shù)
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));
}

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

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

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

//====================================== 算出農(nóng)歷, 傳入日期控件, 返回農(nóng)歷日期控件
//                                       該控件屬性有 .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); //閏哪個(gè)月
   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月的天數(shù)
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位數(shù)字
      this.sMonth     = sMonth;  //公元月數(shù)字
      this.sDay       = sDay;    //公元日數(shù)字
      this.week       = week;    //星期, 1個(gè)中文
      //農(nóng)歷
      this.lYear      = lYear;   //公元年4位數(shù)字
      this.lMonth     = lMonth;  //農(nóng)歷月數(shù)字
      this.lDay       = lDay;    //農(nóng)歷日數(shù)字
      this.isLeap     = isLeap;  //是否為農(nóng)歷閏月?
      //八字
      this.cYear      = cYear;   //年柱, 2個(gè)中文
      this.cMonth     = cMonth;  //月柱, 2個(gè)中文
      this.cDay       = cDay;    //日柱, 2個(gè)中文

this.color      = '';

this.lunarFestival = ''; //農(nóng)歷節(jié)日
      this.solarFestival = ''; //公歷節(jié)日
      this.solarTerms    = ''; //節(jié)氣
}

//===== 某年的第n個(gè)節(jié)氣為幾日(從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);    //當(dāng)月一日日期

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

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

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

//當(dāng)月一日與 1900/1/1 相差天數(shù)
   //1900/1/1與 1970/1/1 相差25567日, 1900/1/1 日柱為甲戌日(60進(jìn)制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);    //當(dāng)月一日日期
         lDObj = new Lunar(sDObj);     //農(nóng)歷
         lY    = lDObj.year;           //農(nóng)歷年
         lM    = lDObj.month;          //農(nóng)歷月
         lD    = lDObj.day;            //農(nóng)歷日
         lL    = lDObj.isLeap;         //農(nóng)歷是否閏月
         lX    = lL? leapDays(lY): monthDays(lY,lM); //農(nóng)歷當(dāng)月最后一天

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

//依節(jié)氣調(diào)整二月分的年柱, 以立春為界
      if(m==1 && (i+1)==term2) cY=cyclical(y-1900+36);
      //依節(jié)氣月柱, 以「節(jié)」為界
      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 );
   }

//節(jié)氣
   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'; //清明顏色

//國(guó)歷節(jié)日
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'
}

//月周節(jié)日
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  +  '  '
}

//農(nóng)歷節(jié)日
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'
}
}
}

//復(fù)活節(jié)只出現(xiàn)在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+' 復(fù)活節(jié)(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;
}

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

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

if(lDayTerm2.day<15) //取得下個(gè)月圓的相差天數(shù)
      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() ) ); //求出下個(gè)周日

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  =  '宣統(tǒng)'  +  (((SY-1908)==1)?'元':SY-1908)
if(SY>1911  &&  SY<1950)  yDisplay  =  '民國(guó)'  +  (((SY-1911)==1)?'元':SY-1911)
if(SY>1949)  yDisplay  =  '共和國(guó)'  +  (((SY-1949)==1)?'元':SY-1949)

GZ.innerHTML  =  yDisplay  +'年  農(nóng)歷'  +  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)  {  //日期內(nèi)
sObj.innerHTML  =  sD+1;

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

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

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

s=cld[sD].lunarFestival;
if(s.length>0)  {  //農(nóng)歷節(jié)日
if(s.length>8)  s  =  s.substr(0,  5)+'...';
s  =  s.fontcolor('red');
}
else  {  //國(guó)歷節(jié)日
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  {  //廿四節(jié)氣
s=cld[sD].solarTerms;
if(s.length>0)  s  =  s.fontcolor('limegreen');
}
}
if(cld[sD].solarTerms=='清明') s = '清明節(jié)'.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;

//計(jì)算星座
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);
}
// 將農(nóng)歷iLunarMonth月格式化成農(nóng)歷表示的字符串
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 + "月";
}
// 將農(nóng)歷iLunarDay日格式化成農(nóng)歷表示的字符串
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;
}
//顯示詳細(xì)日期資料
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">農(nóng)歷'+(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;
}
}
}

//清除詳細(xì)日期資料
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;">當(dāng)月</BUTTON>
          </TD>
        </TR>
      </TBODY>
    </TABLE>
  </FORM>
  <div id="boxmsg"><a  title="聯(lián)系作者" target="_blank">極品日歷V1.0</a></div>
  <div id="boxcopy">&copy;2010,03,28 By KOEN LEE</div>
</div>
</body>
</html>

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

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)日期時(shí)間特效：

欧美日韩精品在线,国内精品久久久久久久久,一级毛片恃级毛片直播,清纯唯美亚洲综合欧美色

極品日歷 Javascript網(wǎng)頁版 v1.0_日期時(shí)間特效

日期時(shí)間特效Rss訂閱特效代碼搜索

日期時(shí)間特效推薦

猜你也喜歡看這些