（作者：姚永奎 2002年08月29日 09:40）
各位，看到下面这个带日历桌面(图1)了么？呵呵，还带个农历，方便着呢！没见过吧你？我是可是用网页做的啦！呵呵，也想做一个？好好好，随我来啦：
图1：带农历的日历桌面(点击看大图)
第一步：用你所熟悉的网页制作软件(我用的是FrontPage)做一个空白页面，并命名为“我的日历.htm”存放到你的爱机上；
第二步：把下面一段代码插入到“我的日历.htm”源文件的“<body>”与“</body>”之间(这里是成品)：
<script language="JavaScript">
<!--
var bsYear;
var bsDate;
var bsWeek;
var arrLen=8; //数组长度
var sValue=0; //当年的秒数
var dayiy=0; //当年第几天
var miy=0; //月份的下标
var iyear=0; //年份标记
var dayim=0; //当月第几天
var spd=86400; //每天的秒数
var year1999="30;29;29;30;29;29;30;29;30;30;30;29"; //354
var year2000="30;30;29;29;30;29;29;30;29;30;30;29"; //354
var year2001="30;30;29;30;29;30;29;29;30;29;30;29;30"; //384
var year2002="30;30;29;30;29;30;29;29;30;29;30;29"; //354
var year2003="30;30;29;30;30;29;30;29;29;30;29;30"; //355
var year2004="29;30;29;30;30;29;30;29;30;29;30;29;30"; //384
var year2005="29;30;29;30;29;30;30;29;30;29;30;29"; //354
var year2006="30;29;30;29;30;30;29;29;30;30;29;29;30";
var month1999="正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var month2001="正月;二月;三月;四月;闰四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var month2004="正月;二月;闰二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var month2006="正月;二月;三月;四月;五月;六月;七月;闰七月;八月;九月;十月;十一月;十二月"
var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;
十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";
var Ys=new Array(arrLen);
Ys[0]=919094400;Ys[1]=949680000;Ys[2]=980265600;
Ys[3]=1013443200;Ys[4]=1044028800;Ys[5]=1074700800;
Ys[6]=1107878400;Ys[7]=1138464000;
var Yn=new Array(arrLen); //农历年的名称
Yn[0]="己卯年";Yn[1]="庚辰年";Yn[2]="辛巳年";
Yn[3]="壬午年";Yn[4]="癸未年";Yn[5]="甲申年";
Yn[6]="乙酉年";Yn[7]="丙戌年";
var D=new Date();
var yy=D.getYear();
var mm=D.getMonth()+1;
var dd=D.getDate();
var ww=D.getDay();
if (ww==0) ww="<font color=RED>星期日";
if (ww==1) ww="星期一";
if (ww==2) ww="星期二";
if (ww==3) ww="星期三";
if (ww==4) ww="星期四";
if (ww==5) ww="星期五";
if (ww==6) ww="<font color=RED>星期六";
ww=ww;
var ss=parseInt(D.getTime() / 1000);
if (yy<100) yy="19"+yy;
for (i=0;i<arrLen;i++)
if (ss>=Ys[i]){
iyear=i;
sValue=ss-Ys[i]; //当年的秒数
}
dayiy=parseInt(sValue/spd)+1; //当年的天数
var dpm=year1999;
if (iyear==1) dpm=year2000;
if (iyear==2) dpm=year2001;
if (iyear==3) dpm=year2002;
if (iyear==4) dpm=year2003;
if (iyear==5) dpm=year2004;
if (iyear==6) dpm=year2005;
if (iyear==7) dpm=year2006;
dpm=dpm.split(";");
var Mn=month1999;
if (iyear==2) Mn=month2001;
if (iyear==5) Mn=month2004;
if (iyear==7) Mn=month2006;
Mn=Mn.split(";");
var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;
十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;
廿五;廿六;廿七;廿八;廿九;三十";
Dn=Dn.split(";");
dayim=dayiy;
var total=new Array(13);
total[0]=parseInt(dpm[0]);
for (i=1;i<dpm.length-1;i++) total[i]=parseInt(dpm[i])+total[i-1];
for (i=dpm.length-1;i>0;i--)
if (dayim>total[i-1]){
dayim=dayim-total[i-1];
miy=i;
}
bsWeek=ww;
bsDate=yy+"年"+mm+"月";
bsDate2=dd;
bsYear="农历"+Yn[iyear];
bsYear2=Mn[miy]+Dn[dayim-1];
if (ss>=Ys[7]||ss<Ys[0]) bsYear=Yn[7];
function CAL(){
document.write("<table border='1' cellspacing='3' width='105' bordercolor='#000000' bgcolor='#FFFFFF' height='110' cellpadding='2'");
document.write("<tr><td align='center'><b><font color=#008040>"+bsDate+"</font><br><font face='Arial' size='6' color=#FF8040>"+bsDate2+"</font><br><font color=#008040><span style='FONT-SIZE: 10.5pt'>");
document.write(bsWeek+"</span><br>"+"<br></b><font color=#9B4E00>");
document.write(bsYear+"<br>"+bsYear2+"</td></tr></table>");
}
//-->
</script>
<script language="javascript">CAL();</script> |
第三步：到你桌面属性设置窗口中，把“我的日历.htm”这个这个网页文件设为桌面项。只不过，不同的操作系统下，其设置过程略有区别，简述如下：
1、你若是Windows 98系统，则桌面上先在桌面上右键点选“属性”-弹出的“显示属性”窗口中选“WEB”-点按“新建”-弹出的“新建Active Desktop项”窗口中选“否”-随后的窗口中点按“浏览”找到“我的日历.htm”，最后“确定”再“确定”(下图2)！
图2：98系统下的设置过程(点击看大图)
2、你若是Windows 2000系统，则桌面上先在桌面上右键点选“属性”-弹出的“显示属性”窗口中选“WEB”-点按“新建”-随后的“新建Active Desktop项”窗口中点按“浏览”找到“我的日历.htm”，最后“确定”再“确定”(下图3)！
图3：Windows 2000系统下的设置过程(点击看大图)
3、你若是Windows XP系统，则桌面上先在桌面上右键点选“属性”-弹出的“显示属性”窗口中选“桌面”-点按“自定义桌面”-弹出的“桌面项目”窗口中选“WEB”-随后的“新建桌面项目”窗口中点按“浏览”找到“我的日历.htm”，最后“确定”再“确定”(下图4)！
图4：Windows XP系统下的设置过程(点击看大图)
第四步：回到桌面来，用鼠标将这个日历调整到适当适当大小(使不显示滚动条为准)并拖至你桌面的适当位置(例如右上角--见图1)。怎么样？呵呵，没人的地方偷着乐去吧你！
相关专题：CSS高级进阶应用技巧
相关教程：HTML进阶应用技巧
相关专题：JavaScript动态网页制作宝库
(责任编辑 冲锋队)
