📄 calendar.html
字号:
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;
//sYear,sMonth,sDay,week,
//lYear,lMonth,lDay,isLeap,
//cYear,cMonth,cDay
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="#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="#000066"><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+'<br>'+
'<font color="violet">农历'+(cld[d].isLeap?'闰 ':' ')+cld[d].lMonth+' 月 '+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.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 mEvn() {
x=event.x;
y=event.y;
if (document.body.scrollLeft)
{x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}
if (snow){
dStyle.left = x+offsetx-(width/2)
dStyle.top = y+offsety
}
}
///////////////////////////////////////////////////////////////////////////
function tick() {
var today
today = new Date()
Clock.innerHTML = today.toLocaleString().replace(/(年|月)/g, "/").replace(/日/, "");
// Clock.innerHTML = TimeAdd(today.toGMTString(), CLD.TZ.value)
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");
// changeTZ();
tick();
}
//-->
</SCRIPT>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<STYLE>.todyaColor {
BACKGROUND-COLOR: aqua
}
</STYLE>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title></title>
</HEAD>
<BODY onload=initial() style="margin:0">
<SCRIPT language=JavaScript><!--
if(navigator.appName == "Netscape" || parseInt(navigator.appVersion) < 4)
document.write("<h1>你的浏览器无法执行此程序。</h1>此程序在 IE4 以后的版本才能执行!!")
//--></SCRIPT>
<DIV id=detail style="POSITION: absolute"></DIV>
<FORM name=CLD>
<div align="center">
<TABLE width="672" height="259" bordercolordark="#CC9900" border="4" background="l11.gif" align="center">
<TR>
<TD align=center vAlign=top width="170" height="255">
<TABLE BORDER=1 COLSPAN=2 width="221">
<tr><td width="209" align="center"><font style="font-size:10.8pt" color=RED>本地计算机时间:</FONT></FONT><BR><FONT color=#000080 face=ARIAL id=Clock size=3 align="center"> </FONT></td></tr>
</TABLE>
<table border=1 height="1" width="16" align="center">
<tr><td height="1" width="255">
<table width="212" height="1"><CENTER>
<center>
<FONT id=tSave style="COLOR: red; FONT-FAMILY: Wingdings; FONT-SIZE: 18pt"></FONT>
<td height="1" width="152"><font size="2"><FONT style="FONT-SIZE: 9pt">
<font color="#0000FF">公历</font>年</font><FONT color=#ffffff
style="FONT-SIZE: 9pt"><SELECT name=SY onchange=changeCld()
style="FONT-SIZE: 9pt">
<SCRIPT language=JavaScript><!--
for(i=1900;i<2050;i++) document.write('<option>'+i)
//--></SCRIPT>
</SELECT> </FONT>月<FONT color=#ffffff
style="FONT-SIZE: 9pt"><SELECT name=SM onchange=changeCld()
style="FONT-SIZE: 9pt">
<SCRIPT language=JavaScript><!--
for(i=1;i<13;i++) document.write('<option>'+i)
//--></SCRIPT>
</SELECT></FONT></font>
<P><font size="2"><FONT style="FONT-SIZE: 9pt"><font color="#0000FF">阴历</font>年</font><FONT color=#ffffff
style="FONT-SIZE: 9pt"><SELECT name=D1 onchange=changeLong()
style="FONT-SIZE: 9pt">
<SCRIPT language=JavaScript><!--
for(i=1900;i<2050;i++) document.write('<option>'+i)
//--></SCRIPT>
</SELECT> </FONT>月<FONT color=#ffffff
style="FONT-SIZE: 9pt"><SELECT name=D2 onchange=changeLong()
style="FONT-SIZE: 9pt">
<SCRIPT language=JavaScript><!--
for(i=1;i<13;i++) document.write('<option>'+i)
//--></SCRIPT>
</SELECT></FONT></font></P>
<div align="center" style="width: 4; height: 1"> </div>
<td width="1" align="center" height="1">
<BUTTON onclick="pushBtm('MU')" style="FONT-SIZE: 9pt">月↑</BUTTON>
<BUTTON onclick="pushBtm('')" style="FONT-SIZE: 9pt">当月</BUTTON>
<BUTTON onclick="pushBtm('MD')" style="FONT-SIZE: 9pt">月↓</BUTTON>
</td>
</center></center>
<tr>
<CENTER>
<TD align=center vAlign=top width=152 height="1">
<BUTTON onclick="pushBtm('YU')" style="FONT-SIZE: 9pt">年↑</BUTTON>
<BUTTON onclick="pushBtm('YD')" style="FONT-SIZE: 9pt">年↓</BUTTON>
</TD>
</center>
<td colspan=2 width="46" height="1">
<p align="left"><INPUT onclick="javascript:window.close();" style="FONT-SIZE: 9pt" type=button value=关闭></p>
</td>
</table>
<CENTER>
<table border="1" width="100%" height="1" bordercolordark="#FFFFCC">
<tr>
<td width="100%" height="1"><font style="font-size:10.8pt" color=#0>
阴历存在跨月情况，如果查找到的阴历月跨两个公历月，用<font color=blue>[月↑][月↓]</font>翻动可以找到你想要的确切日期。</font></td>
</tr>
</table>
</CENTER>
</table>
</center>
</div>
<TD align=middle width="423" height="255">
<DIV style="position: absolute; top: 6; z-index: -1; left: 417; width: 234; height: 171">
<p>
<p>
<p><FONT id=YMBG
style="COLOR: #f0f0f0; FONT-FAMILY: 'Arial Black'; FONT-SIZE: 50pt"> </FONT>
</DIV>
<div align="center">
<center>
<TABLE border=0 height="27" cellspacing="1" bgcolor="#cccccc">
<TBODY>
<TR>
<TD bgColor=#000080 colSpan=7 align="center" height="24"><FONT color=#000080 size=2
style="FONT-SIZE: 9pt">月</FONT> <FONT color=#ffffff face=宋体 id=GZ
size=4> </FONT><BR></TD></TR>
<TR align=middle bgColor=#e0e0e0>
<TD width=54 height="1" align="center" bgcolor="#99CCFF"><font size="2">日</font></TD>
<TD width=54 height="1" align="center" bgcolor="#99CCFF"><font size="2">一</font></TD>
<TD width=54 height="1" align="center" bgcolor="#99CCFF"><font size="2">二</font></TD>
<TD width=50 height="1" align="center" bgcolor="#99CCFF"><font size="2">三</font></TD>
<TD width=54 height="1" align="center" bgcolor="#99CCFF"><font size="2">四</font></TD>
<TD width=54 height="1" align="center" bgcolor="#99CCFF"><font size="2">五</font></TD>
<TD width=54 height="1" align="center" bgcolor="#99CCFF"><font size="2">六</font></TD></TR>
<SCRIPT language=JavaScript><!--
var gNum
for(i=0;i<6;i++) {
document.write('<tr align=center bgcolor=#ffffff>')
for(j=0;j<7;j++) {
gNum = i*7+j
document.write('<td id="GD' + gNum +'" onMouseOver="mOvr(' + gNum +')" onMouseOut="mOut()"><font id="SD' + gNum +'" size=2 face="Arial Black"')
if(j == 0) document.write(' color=red')
if(j == 6)
if(i%2==1) document.write(' color=red')
else document.write(' color=green')
document.write(' TITLE=""> </font><br><font id="LD' + gNum + '" size=2 style="font-size:9pt"> </font></td>')
}
document.write('</tr>')
}
//--></SCRIPT>
</TBODY></TABLE>
</center>
</div>
</TD>
</TR></TBODY></TABLE>
</div>
</FORM> ⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -