2001年全年的日历

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 2001年全年的日历 (http://www.webasp.net/javascript/1/41.htm)
-- 发布日期： 2004-05-26
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 1 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<script language="javascript">
<!--

// fill the month table with column headings

function day_title(day_name){

document.write("<TD ALIGN=center WIDTH=35>"+day_name+"</TD>")

}

// fills the month table with numbers

function fill_table(month,month_length)

{

day=1

// begin the new month table

document.write("<TABLE BORDER=3 CELLSPACING=3 CELLPADDING=%3><TR>")

document.write("<TD COLSPAN=7 ALIGN=center><B>"+month+" "+year+"</B><TR>")

// column headings

day_title("Mon")

day_title("Tue")

day_title("Wed")

day_title("Thu")

day_title("Fri")

day_title("Sat")

day_title("Sun")

// pad cells before first day of month
document.write("</TR><TR>")

for (var i=1;i<start_day;i++){

document.write("<TD>")

}

// fill the first week of days

for (var i=start_day;i<8;i++){

document.write("<TD ALIGN=center>"+day+"</TD>")

day++


}

document.write("<TR>")

// fill the remaining weeks

while (day <= month_length) {

for (var i=1;i<=7 && day<=month_length;i++){

document.write("<TD ALIGN=center>"+day+"</TD>")

day++

}

document.write("</TR><TR>")

// the first day of the next month

start_day=i

}

document.write("</TR></TABLE><BR>")

}

// end hiding -->

</script>

<script language="javascript">

// year

year=2001

// first day of the week of the new year

today= new Date("January 1, "+year)

start_day = today.getDay() + 1 // starts with 0

fill_table("January",31)

fill_table("February",28)

fill_table("March",31)

fill_table("April",30)

fill_table("May",31)

fill_table("June",30)

fill_table("July",31)

fill_table("August",31)

fill_table("September",30)

fill_table("October",31)

fill_table("November",30)

fill_table("December",31)

</script>

webasp.net