自制Web桌面日历

izuoyan

浏览: 8970580 次
性别:
来自: 上海

最近访客更多访客>>

GDGZWQZ

morelily

eternal1025

devcang

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2012-06 ( 32)
2012-05 ( 145)
2012-04 ( 50)
更多存档...

Web JavaScript CSS J#Flash

想要一个带农历的桌面日历，google了半天也没有找到中意的，但是经常浏览网站的时候发现很多不错的日历。直接保存到我的桌面上不就完了吗。下面是具体操作：

将中意的日历页面，查看源文件，看是否可以看到script文件，如果可以，就保存到本地。
用记事本编辑保存下来的文件，把多余的东西去掉，只保留日历，设置一下背景色，我比较喜欢蓝色的桌面。(选择无桌面背景，然后选颜色，在“其他...”里面可以看到当前桌面颜色的RGB值)。注意去掉页面内所有的外出链接引用的图片之类的东西，免得影响桌面刷新速度。另外也可以加上一些常用的链接，比如把收藏夹导出来再加进去？比如加一个天气预报的链接？
选择自定义桌面，选择我们刚刚修改后保存的日历网页，勾上锁定桌面项目，应用。
如需调整日历页面的大小，上面不要选锁定桌面项目，在调整大小后，再锁定桌面项目。

一个不错的天气预报的链接

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="160" height="240">
<param name="movie" value="http://www.klstudio.com/blog/weather.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<embed src="http://www.klstudio.com/blog/weather.swf" width="160" height="240" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed>
</object>

以下是我的桌面，可以复制后保存为html文件：

<HTML><HEAD><TITLE>个人助理-公元农历</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css">

</style>
<style type="text/css">

</style>
<style type="text/css">

</style>
<style type="text/css">

</style>
<SCRIPT language=JavaScript>
<!--

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)

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 monthName = new Array("JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC");

//国历节日 *表示放假日
var sFtv = new Array(
"0101*元旦",
"0214 情人节",
"0308 妇女节",
"0312 植树节",
"0315 消费者权益日",
"0401 愚人节",
"0501*劳动节",
"0504 青年节",
"0512 护士节",
"0601 儿童节",
"0701 建党节香港回归纪念",
"0801 建军节",
"0909 逝世纪念",
"0910 教师节",
"0928 孔子诞辰",
"1001*国庆节",
"1006 老人节",
"1024 联合国日",
"1112 孙中山诞辰纪念",
"1220 澳门回归纪念",
"1225 圣诞节",
"1226 诞辰纪念")

//农历节日 *表示放假日
var lFtv = new Array(
"0101*春节",
"0115 元宵节",
"0505 端午节",
"0707 七夕情人节",
"0715 中元节",
"0815 中秋节",
"0909 重阳节",
"1208 腊八节",
"1223 小年",
"0100*除夕")

var wFtv = new Array(
"0520 母亲节", "0630 父亲节")

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))
}

function leapDays(y) {
if(leapMonth(y)) return((lunarInfo[y-1900] & 0x10000)? 30: 29)
else return(0)
}

function leapMonth(y) {
return(lunarInfo[y-1900] & 0xf)
}

function monthDays(y,m) {
return( (lunarInfo[y-1900] & (0x10000>>m))? 30: 29 )
}

function Lunar(objDate) {

var i, leap=0, temp=0
var baseDate = new Date(1900,0,31)
var offset = (objDate - baseDate)/86400000

this.dayCyl = offset + 40
this.monCyl = 14

for(i=1900; i<2050 && offset>0; i++) {
temp = lYearDays(i)
offset -= temp
this.monCyl += 12
}

if(offset<0) {
offset += temp;
i--;
this.monCyl -= 12
}

this.year = i
this.yearCyl = i-1864

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(this.isLeap == false) this.monCyl ++
}

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

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

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

function solarDays(y,m) {
if(m==1)
return(((y%4 == 0) && (y%100 != 0) || (y%400 == 0))? 29: 28)
else
return(solarMonth[m])
}
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;
this.sMonth = sMonth;
this.sDay = sDay;
this.week = week;
this.lYear = lYear;
this.lMonth = lMonth;
this.lDay = lDay;
this.isLeap = isLeap;
this.cYear = cYear;
this.cMonth = cMonth;
this.cDay = cDay;

this.color = '';

this.lunarFestival = '';
this.solarFestival = '';
this.solarTerms = '';

}

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())
}

function calendar(y,m) {

var sDObj, lDObj, lY, lM, lD=1, lL, lX=0, tmp1, tmp2
var lDPOS = new Array(3)
var n = 0
var firstLM = 0

sDObj = new Date(y,m,1)

this.length = solarDays(y,m)
this.firstWeek = sDObj.getDay()

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
}

this[i] = new calElement(y, m+1, i+1, nStr1[(i+this.firstWeek)%7],
lY, lM, lD++, lL,
cyclical(lDObj.yearCyl) ,cyclical(lDObj.monCyl), cyclical(lDObj.dayCyl++) )

if((i+this.firstWeek)%7==0) this[i].color = '#FF5F07'
if((i+this.firstWeek)%14==13) this[i].color = '#FF5F07'
}

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 = '#FF5F07'

for(i in sFtv)
if(sFtv[i].match(/^(\d{2})(\d{2})([\s\*])(.+)$/))
if(Number(RegExp.$1)==(m+1)) {
var fes = isLeg(RegExp.$4, y);
if(fes == "") continue;
this[Number(RegExp.$2)-1].solarFestival += fes + ' '
if(RegExp.$3=='*') this[Number(RegExp.$2)-1].color = '#FF5F07'
}

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 = '#FF5F07'
}
}
}

/*if((this.firstWeek+12)%7==5)
this[12].solarFestival += '黑色星期五 '*/

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

}

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 = '  农历' + cyclical(SY-1900+36) + '年  <span class=smlb> 【</spzn><span class=smlb>'+Animals[(SY-4)%12]+'</span><span class=smlb>】</span>';

//YMBG.innerHTML = " " + SY + "<BR> " + monthName[SM];

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

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

sObj.style.background = '';
lObj.style.background = '';

sD = i - cld.firstWeek;

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

if(cld[sD].isToday){
sObj.style.background = '#DEFDFD';
lObj.style.background = '#91DAE3';
}

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>5) s = s.substr(0, 3)+'…';
s = s.fontcolor('FF5F07');
}
else {
s=cld[sD].solarFestival;
if(s.length>0) {
size = (s.charCodeAt(0)>0 && s.charCodeAt(0)<128)?8:4;
if(s.length>size+1) s = s.substr(0, size-1)+'…';
s = s.fontcolor('0168EA');
}
else {
s=cld[sD].solarTerms;
if(s.length>0) s = s.fontcolor('44D7CF');
}
}
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 = 16;

var x = 0;
var y = 0;
var snow = 0;
var sw = 0;
var cnt = 0;

var dStyle;
document.onmousemove = mEvn;

function mOvr(v) {
var s,festival;
var sObj=eval('SD'+ v);
var d=sObj.innerHTML-1;

if(sObj.innerHTML!='') {

sObj.style.cursor = 's-resize';

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

s= '<TABLE WIDTH="130" BORDER=0 CELLPADDING="2" CELLSPACING=0 ><TR><TD>' +
'<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="#B6E5F5"><TR><TD ALIGN="right"><FONT COLOR="#000000" STYLE="font-size:9pt;">'+
cld[d].sYear+' 年 '+cld[d].sMonth+' 月 '+cld[d].sDay+' 日<br>星期'+cld[d].week+'<br>'+
'<font color="02346F">农历'+(cld[d].isLeap?'闰 ':' ')+cld[d].lMonth+' 月 '+cld[d].lDay+' 日</font><br>'+
'<font color="02346F">'+cld[d].cYear+'年 '+cld[d].cMonth+'月 '+cld[d].cDay + '日</font>'+
'</FONT></TD></TR></TABLE>'+ festival +'</TD></TR></TABLE>';

document.all["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 changeTZ() {
CITY.innerHTML = CLD.TZ.value.substr(6)
setCookie("TZ",CLD.TZ.selectedIndex)
}

function tick() {
var today
today = new Date()
Clock.innerHTML = today.toLocaleString().replace(/(年|月)/g, "/").replace(/日/, "");
Clock.innerHTML = TimeAdd(today.toGMTString(), CLD.TZ.value)
//alert(Clock.innerHTML)
window.setTimeout("tick()", 1000);
}

function setCookie(name, value) {
var today = new Date()
var expires = new Date()
expires.setTime(today.getTime() + 1000*60*60*24*365)
document.cookie = name + "=" + escape(value)+ "; expires=" + expires.toGMTString()
}

function getCookie(Name) {
var search = Name + "="
if(document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if(offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if(end == -1) end = document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
else return ""
}
}

function initial() {
dStyle = detail.style;
CLD.SY.selectedIndex=tY-1900;
CLD.SM.selectedIndex=tM;
drawCld(tY,tM);

CLD.TZ.selectedIndex=getCookie("TZ");
if(CLD.TZ.selectedIndex<1)
CLD.TZ.selectedIndex=39
changeTZ();
tick();
}
function isLeg(fes, y){
y = y - 0;
switch(fes){
case "元旦":
if(y>1911 && y<1950){

}else if(y>1949){
fes = "新年";
}else{
fes = "";
}
break;
case "情人节":
break;
case "妇女节":
if(y<1911) fes = "";
break;
case "植树节":
if(y<1979) fes = "";
break;
case "消费者权益日":
if(y<1988) fes = "";
break;
case "愚人节":
if(y<1564) fes = "";
break;
case "劳动节":
if(y<1890) fes = "";
break;
case "青年节":
if(y<1950) fes = "";
break;
case "护士节":
if(y<1912) fes = "";
break;
case "儿童节":
break;
case "建党节香港回归纪念":
if(y<1911) fes = "";
else if(y>1920 && y<1997) fes = "建党节";
else fes = "中共建党纪念日/香港回归纪念日";
break;
case "建军节":
break;
case "父亲节":
break;
case "逝世纪念":
if(y<1976) fes = "";
break;
case "教师节":
if(y<1985) fes = "";
break;
case "孔子诞辰":
break;
case "国庆节":
if(y<1949) fes = "";
break;
case "老人节":
break;
case "联合国日":
if(y<1945) fes = "";
break;
case "孙中山诞辰纪念":
if(y<1966) fes = "";
break;
case "澳门回归纪念":
if(y<1999) fes = "";
break;
case "圣诞节":
break;
case "诞辰纪念":
if(y<1893) fes = "";
break;
}
return fes;
}

//-->
</SCRIPT>

<SCRIPT language=VBScript>

</SCRIPT>

<STYLE>.todyaColor {
BACKGROUND-COLOR: aqua
}
</STYLE>

</HEAD>
<BODY onload=initial() bgcolor = #3A6EA5>
<SCRIPT language=JavaScript>
</SCRIPT>
<DIV id=detail style="POSITION: absolute"></DIV>
<FORM name=CLD>
<table border="0" cellpadding="0" cellspacing="0" align="right">
<tr>
<td width="415" valign="top" class="lb">
<table width="415" height="50">
<tr>
<td height="46" align="center" valign="middle" class="sm">
<table width="415" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="EFEFEF">
<td width="26"></td>
<td height="30"><span class="sm">公历 <FONT style="FONT-SIZE: 9pt"
color=#ffffff>
<SELECT onchange=changeCld() name=SY>
<SCRIPT language=JavaScript></SCRIPT>
</SELECT>
</FONT> 年 <FONT style="FONT-SIZE: 9pt"
color=#ffffff>
<SELECT onchange=changeCld() name=SM>
<SCRIPT language=JavaScript></SCRIPT>
</SELECT>
</FONT></span><FONT style="FONT-SIZE: 9pt"
color=#ffffff>  </FONT><span class="sm"> 月</FONT><FONT id=GZ class="sm" > </FONT> </td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCECD" style="margin-left:2px">
<tr>
<td valign="bottom" bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="411" border="0" align="center" cellpadding="0" cellspacing="3">
<tr>
<td height="40" align="center" bgcolor="#F5F5F5" class="ch"><table width="399" height="100%" border="0" cellpadding="0" cellspacing="1">
<tr align="center" class="sunday">
<td width="57">日</td>
<td width="57">一</td>
<td width="57">二</td>
<td width="57">三 </td>
<td width="57">四</td>
<td width="57">五</td>
<td width="57">六</td>
</tr>
</table> </td>
</tr>
<SCRIPT language=JavaScript></SCRIPT>

</table></td>
</tr>
</table>
</td>
</tr>
</table> </td>
<td valign="bottom">
<table width="80" border="0" cellspacing="0" cellpadding="5">
<tr>
<td height="30" align="left" valign="bottom" style="line-height:30px">
<span style="padding:3px 5px 2px 10px;background:#E8F5F9;border:1px solid #A6A8AB;font-size:9pt;cursor:hand" onclick="pushBtm('YU')">上一年<span style="font-family:webdings;color:FF5F00">5</span></span>
</td>
</tr>
<tr>
<td height="30" align="left" valign="bottom" style="line-height:30px"><span style="padding:3px 5px 2px 10px;background:#E8F5F9;border:1px solid #A6A8AB;font-size:9pt;cursor:hand" onclick="pushBtm('YD')">下一年<span style="font-family:webdings;color:FF5F00">6</span></span>
</td>
</tr>
<tr>
<td height="30" align="left" valign="bottom" style="line-height:30px" ><span style="padding:3px 5px 2px 10px;background:#E8F5F9;border:1px solid #A6A8AB;font-size:9pt;cursor:hand" onclick="pushBtm('MU')">上一月<span style="font-family:webdings;color:FF5F00">5</span></span>
</td>
</tr>
<tr>
<td height="30" align="left" valign="bottom" style="line-height:30px">
<span style="padding:3px 5px 2px 10px;background:#E8F5F9;border:1px solid #A6A8AB;font-size:9pt;cursor:hand" onclick="pushBtm('MD')">下一月<span style="font-family:webdings;color:FF5F00">6</span></span></p></td>
</tr>
<tr>
<td height="30" align="left" valign="bottom" style="line-height:30px">
<span style="padding:3px 5px 2px 10px;background:#E8F5F9;border:1px solid #A6A8AB;font-size:9pt;cursor:hand" onclick="pushBtm('')">当前月<span style="font-family:webdings;color:FF5F00">1</span></span></td>
</tr>
</table>
</td>
</tr></FORM>

</table>