强大的JavaScript万年历（含农历）

2024-09-05 12:22:11

字体：大中小

来源：转载

供稿：网友

功能超强的一款JS万年历，含农历日历，节气名称、特殊日期说明，如情人节、端午节、春节等信息，可以显示当前系统时间，很酷，你可以把界面再美化一下。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>功能强大的JavaScript网页农家历</title></head><body><SCRIPT language=JavaScript></SCRIPT><STYLE>.todyaColor {	BACKGROUND-COLOR: aqua}</STYLE><META content="Microsoft FrontPage 6.0" name=GENERATOR></HEAD><BODY onload=initial()><SCRIPT language=JavaScript></SCRIPT><DIV id=detail style="POSITION: absolute"></DIV><FORM name=CLD><div align="center"><TABLE width="672" align="right" height="259" bordercolordark="#CC9900" border="4" background="l11.gif">  <CENTER><center>  <TBODY>  </center></center>  <TR>  <TD align=middle vAlign=top width="170" height="255">  <div align="center">    <center>  <TABLE BORDER=1 COLSPAN=2 width="221">  <CENTER>    <center><FONT size=2      style="FONT-SIZE: 9pt">    <td width="209">      <p 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>      <P>      </center>   </CENTER>   </TABLE>  </center>    </div>    <div align="center">      <center>      <table border=1 height="1" width="16">      <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></SCRIPT>            </SELECT> </FONT>月<FONT color=#ffffff            style="FONT-SIZE: 9pt"><SELECT name=SM onchange=changeCld()            style="FONT-SIZE: 9pt">              <SCRIPT language=JavaScript></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></SCRIPT>            </SELECT> </FONT>月<FONT color=#ffffff            style="FONT-SIZE: 9pt"><SELECT name=D2 onchange=changeLong()            style="FONT-SIZE: 9pt">              <SCRIPT language=JavaScript></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: 31; z-index: -1; left: 270; width: 347; height: 108">        <p>        <p>        <p><FONT id=YMBG      style="COLOR: #f0f0f0; FONT-FAMILY: 'Arial Black'; FONT-SIZE: 20pt"> </FONT>      </DIV>      <div align="center">      <center>      <TABLE border=0 height="27" cellspacing="1">        <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></SCRIPT>        </TBODY></TABLE>      </center>      </div>  </TD></TR></TBODY></TABLE></div></FORM>  </body></html>

上一篇：JavaScript获取当前时间，含日期和星期几

下一篇：比较特别的JS撞击游戏代码