当前位置： 主页->网页特效专栏->时间日期特效->新款万年历
栏目导航
网页特效
  典型特效 状态栏
  游戏类 页面背景
　 页面特效 页面导航
  文本操作 文本特效
  图形特效 鼠标特效
  时间日期 密码类
  浏览相关 警告对话
  技巧类 计数转换
  测试搜索 代码生成
  播放音乐 按钮特效
  系统相关 链接特效
  黑客性质 相关特效
  窗口特效 其它特效
最新更新
 
 
 
 
 
 
 
 
 
 
热点文章
 
 
 
 
 
 
 
 
 
 

新款万年历

夜鹰电脑教学网 加入日期：2005-05-30 23:22:00 点击数：

查看:[大字体 中字体 小字体]

说明: 新款万年历

效果:

S M T W T F S

代码:


<!-- 把如下代码加入<body>区域中: -->
<script language="JavaScript">
<!-- for sucky browsers

Months = new Array(12);
Months[0] = "一月";
Months[1] = "二月";
Months[2] = "三月";
Months[3] = "四月";
Months[4] = "五月";
Months[5] = "六月";
Months[6] = "七月";
Months[7] = "八月";
Months[8] = "九月";
Months[9] = "十月";
Months[10] = "十一月";
Months[11] = "十二月";

function PadSpaces(TheString)
{
var Spaces = " ";
len = Math.round((9 - TheString.length)/2);

return Spaces.substring(0,len) + TheString;
}

function NumLeapYears(StartYear, EndYear)
{
var LeapYears, i;

if (EndYear >= StartYear){
for(LeapYears = 0; StartYear <= EndYear; StartYear++)
if (IsLeapYear(StartYear)) LeapYears++;
}else{
for(LeapYears = 0; EndYear <= StartYear; EndYear++)
if (IsLeapYear(EndYear)) LeapYears++;
}
return LeapYears;
}

function IsLeapYear(Year)
{
if(Math.round(Year/4) == Year/4){
if(Math.round(Year/100) == Year/100){
if(Math.round(Year/400) == Year/400)
return true;
else return false;
}else return true;
}
return false;
}

function Trim(TheString)
{
var len;

len = TheString.length;
while(TheString.substring(0,1) == " "){ //trim left
TheString = TheString.substring(1, len);
len = TheString.length;
}

while(TheString.substring(len-1, len) == " "){ //trim right
TheString = TheString.substring(0, len-1);
len = TheString.length;
}
return TheString;
}

function DetermineMonthIdx()
{
var i, month, month_s, len;


month = Trim(document.calform.elements[4].value);
len = month.length;

for( i = 0; i <12; i++){
month_s = Months[i].substring(0,len);
if (month_s.toUpperCase() == month.toUpperCase())
return (i);
}
return -1;
}

function FindNewYearStartingDay(Year)
{
var LeapYears, Years, Day;

LeapYears = NumLeapYears(1995, Year);

if (Year >=1995)
Years = (Year -1995)+LeapYears;
else Years = (Year -1995)-LeapYears;

if (Year >=1995)
Day = Math.round(((Years/7 - Math.floor(Years/7))*7)+.1);
else Day = Math.round(((Years/7 - Math.ceil(Years/7))*7)-.1);

if (Year >=1995){
if(IsLeapYear(Year)) Day--;
}else Day += 7;

if(Day < 0) Day = 6;
if(Day > 6) Day = 0;
return Day;
}

function FindNumDaysInMonth(Year, Month)
{
if(Month == 1){
if(IsLeapYear(Year)) return 29;
else return 28;
}else{
if(Month >6) Month++;
if(Month/2 == Math.round(Month/2)) return 31;
}
return 30;
}

function FindMonthStartDay(NewYearDay, Year, Month)
{
var MonthStartDay;

AddArray = new Array(12);

AddArray[0]=0;AddArray[1]=3;AddArray[2]=3;AddArray[3]=6;
AddArray[4]=1;AddArray[5]=4;AddArray[6]=6;AddArray[7]=2;
AddArray[8]=5;AddArray[9]=0;AddArray[10]=3;AddArray[11]=5;

MonthStartDay = NewYearDay + AddArray[Month];
if(IsLeapYear(Year) && (Month ) > 1) MonthStartDay ++;

if (MonthStartDay > 6) MonthStartDay -= 7;

return MonthStartDay;
}

function FillCalendar()
{
var Year, Month, Midx, NewYearDay, MonthStartDay;
var NumDaysInMonth, i, t;

Year = parseFloat(document.calform.elements[1].value);
Month = document.calform.elements[4].value;

Midx = DetermineMonthIdx();
if (Midx == -1){
alert ("Can't recognize that month");
return;
}

NewYearDay = FindNewYearStartingDay(Year);
MonthStartDay = FindMonthStartDay(NewYearDay, Year, Midx);
NumDaysInMonth = FindNumDaysInMonth(Year, Midx);

for(i = 6; i < 43; i++){
t = i-5-MonthStartDay;
if ( t >= 1 && t <= NumDaysInMonth)
document.calform.elements[i].value =t;
else document.calform.elements[i].value = "";
}
}

function IncDecYear(val)
{
var valNum = parseInt(val);
var valNum2 = parseInt(document.calform.elements[1].value)
document.calform.elements[1].value = valNum2 + valNum;

FillCalendar()
}

function IncDecMonth(val)
{
var valNum = parseInt(val);
var Midx = DetermineMonthIdx();

Midx += valNum;
if(Midx > 11) Midx = 0;
if(Midx < 0) Midx = 11;


document.calform.elements[4].value = PadSpaces(Months[Midx]);

FillCalendar()
}

// -->
</script>
<table border=1 bgcolor="#000000" cellpadding=1 cellspacing=1>
<table border=0 cellpadding=0 cellspacing=0>
<form name="calform">
<tr>
<td align=center cellpadding=0 cellspacing=0 bgcolor="#000000">
<input
type=button value="<<" onClick="IncDecYear(-1)" name="button">
</td>
<th cellpadding=0 cellspacing=0 bgcolor="#aaaaaa" colspan=5
align=center>
<input size=4 type=text value="1993" name="text">
</th>
<td align=center cellpadding=0 cellspacing=0 bgcolor="#000000">
<input
type=button value=">>" onClick="IncDecYear(1)" name="button2">
</td>
</tr>
<tr>
<td align=center bgcolor="#000000">
<input type=button value="<<"
onClick="IncDecMonth(-1)" name="button2">
</td>
<th bgcolor="#aaaaaa" colspan=5 align=center>
<input size=9 type=text
value=" January " name="text">
</th>
<td align=center bgcolor="#000000">
<input type=button value=">>"
onClick="IncDecMonth(1)" name="button2">
</td>
</tr>
<tr>
<th bgcolor="#ffcccc">S</th>
<th bgcolor="#ccccff">M</th>
<th bgcolor="#ccccff">T</th>
<th bgcolor="#ccccff">W</th>
<th bgcolor="#ccccff">T</th>
<th bgcolor="#ccccff">F</th>
<th bgcolor="#ccccff">S</th>
</tr>
<tr>
<td bgcolor="#ffcccc">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
</tr>
<tr>
<td bgcolor="#ffcccc">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
</tr>
<tr>
<td bgcolor="#ffcccc">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
</tr>
<tr>
<td bgcolor="#ffcccc">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
</tr>
<tr>
<td bgcolor="#ffcccc">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff" >
<input type=text size=2 name="text">
</td>
</tr>
<tr>
<td bgcolor="#ffcccc">
<input type=text size=2 name="text">
</td>
<td bgcolor="#ccccff">
<input type=text size=2 name="text">
</td>
<td bgcolor="#3344aa" colspan=5>
<input type=text name="text">
</td>
</tr>
</form>
</table>
</table>

<script language="JavaScript">
<!--
myDate = new Date();
var Month = parseInt(myDate.getMonth());

document.calform.elements[1].value = myDate.getYear();
document.calform.elements[4].value = PadSpaces(Months[Month]);

document.calform.elements[43].value = "今天是:" +
Months[Month].substring(0,3) + " " +
myDate.getDate() + ", " + myDate.getYear();

FillCalendar();

// -->
</script>

作者：佚名 来源： 网上转帖　　
   

上篇：一个定时的倒记时。有点象体育用的跑钟呵  　下篇：

[夜鹰论坛] [我要留言] [关闭窗口] [大 中 小][TOP]

■此文章最新评论（不超过十条）
■评论此文章 ( 有问题请去夜鹰论坛发帖 )
共有评论： 篇 查看全部评论 姓名：
【 声明 】 您所发表的言论将被众多网友阅读，因此，您所发表的言论应不违反中国法律，不违背一般的道德原则，否则，您必须对您的不当言论引发的一切不良后果负责；此外，我们的管理员有权删除您发表的不当言论，谢谢合作！