现在的位置: 首页 >> 网页设计 >> 网页特效 >> _网页特效_新颖的万年历_
添加时间:2005-11-9 来源: 网上转帖   作者: 佚名
_网页特效_新颖的万年历_

说明: 新颖的万年历

效果: 点这里在新窗口中看效果!

代码:


第一步:把如下代码加入到< head >区域中

<STYLE TYPE="text/css">
.normal{BACKGROUND: #ffffff}
.today {font-weight:bold;BACKGROUND: #6699cc}
.satday{color:green}
.sunday{color:red}
.days {font-weight:bold}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var months = new Array("一月", "二月", "三月",
"四月", "五月", "六月", "七月", "八月", "九月",
"十月", "十一月", "十二月");
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,
30, 31, 30, 31);
/*var days = new Array("Sunday", "Monday", "Tuesday",
"Wednesday", "Thursday", "Friday", "Saturday");*/
var days = new Array("日","一", "二", "三",
"四", "五", "六");
function getDays(month, year) {

if (1 == month)
return ((0 == year % 4) && (0 != (year % 100))) ||
(0 == year % 400) ? 29 : 28;
else
return daysInMonth[month];
}

function getToday() {
//得到今天的年,月,日
this.now = new Date();
this.year = this.now.getFullYear();
this.month = this.now.getMonth();
this.day = this.now.getDate();
}


today = new getToday();

function newCalendar() {

today = new getToday();
var parseYear = parseInt(document.all.year
[document.all.year.selectedIndex].text);
var newCal = new Date(parseYear,
document.all.month.selectedIndex, 1);
var day = -1;
var startDay = newCal.getDay();
var daily = 0;
if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
day = today.day;
var tableCal = document.all.calendar.tBodies.dayList;
var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());
for (var intWeek = 0; intWeek < tableCal.rows.length;intWeek++)
for (var intDay = 0;intDay < tableCal.rows[intWeek].cells.length;intDay++)
{
var cell = tableCal.rows[intWeek].cells[intDay];
if ((intDay == startDay) && (0 == daily))
daily = 1;
if(day==daily)
//今天,调用今天的Class
cell.className = "today";
else if(intDay==6)
//周六
cell.className = "sunday";
else if (intDay==0)
//周日
cell.className ="satday";
else
//平常
cell.className="normal";

if ((daily > 0) && (daily <= intDaysInMonth))
{
cell.innerText = daily;
daily++;
}
else
cell.innerText = "";
}
}



[1] [2] [3]  下一页


上一篇:_网页特效_检测最近两个星期天的日期_ 下一篇:_网页特效_一个简单的中文月历_
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
 
相关文章
·_网页特效_检测最近两个星期天的
·_网页特效_一个简单的中文月历_
·_网页特效_在状态栏中显示停留时
·_网页特效_日期选择填写脚本_
·_网页特效_网页浏览时间提示_
·_网页特效_文本框内显示时间_
·_网页特效_输入生日即可计算出下
·_网页特效_显示年份和季节_
·_网页特效_二进制显示时钟_
·_网页特效_按钮显示时间,点击按_
最新文章
·加入收藏夹
·利用全屏打开加重定窗口大小产生
·设为首页
·去掉超链接的下划线
·自动刷新网页
·刷新本页
·返回到上一页
·跳出小窗口
·自动关闭窗口
·给页面加保护
Google