签到问题_html/css_WEB-ITnose

签到领20积分




function is_leap(year) {
return (year%100==0?res=(year%400==0?1:0):res=(year%4==0?1:0));
} //是否为闰年

var nstr=new Date(); //当前Date资讯
var ynow=nstr.getFullYear(); //年份
var mnow=nstr.getMonth(); //月份
var dnow=nstr.getDate(); //今日日期
var n1str=new Date(ynow,mnow,1); //当月第一天Date资讯
var firstday=n1str.getDay(); //当月第一天星期几

var m_days=new Array(31,28+is_leap(ynow),31,30,31,30,31,31,30,31,30,31); //各月份的总天数

var tr_str=Math.ceil((m_days[mnow] + firstday)/7); //表格所需要行数

//打印表格第一行（有星期标志）
document.write (" 日 一 二 三 四 五 六 ");
for(i=0;i document.write(" ");
for(k=0;k idx=i*7+k; //单元格自然序列号
date_str=idx-firstday+1; //计算日期
(date_str m_days[mnow]) ? date_str=" " : date_str=idx-firstday+1; //过滤无效日期（小于等于零的、大于月总天数的）
//打印日期：今天底色为红
date_str==dnow ? document.write (" " + date_str + " ") : document.write (" " + date_str + " ");
}

document.write(" "); //表格的行结束
}

document.write(" "); //表格结束



下面的js是显示日历的，怎么实现效果，就是点击a标签签到后，今天的日期有红色背景
style="background-color:red;border-radius:50%;color:white"

回复讨论(解决方案)

签到领20积分




function is_leap(year) {
return (year%100==0?res=(year%400==0?1:0):res=(year%4==0?1:0));
} //是否为闰年

var nstr=new Date(); //当前Date资讯
var ynow=nstr.getFullYear(); //年份
var mnow=nstr.getMonth(); //月份
var dnow=nstr.getDate(); //今日日期
var n1str=new Date(ynow,mnow,1); //当月第一天Date资讯
var firstday=n1str.getDay(); //当月第一天星期几

var m_days=new Array(31,28+is_leap(ynow),31,30,31,30,31,31,30,31,30,31); //各月份的总天数

var tr_str=Math.ceil((m_days[mnow] + firstday)/7); //表格所需要行数

//打印表格第一行（有星期标志）
document.write (" 日 一 二 三 四 五 六 ");
for(i=0;i document.write(" ");
for(k=0;k idx=i*7+k; //单元格自然序列号
date_str=idx-firstday+1; //计算日期
(date_str m_days[mnow]) ? date_str=" " : date_str=idx-firstday+1; //过滤无效日期（小于等于零的、大于月总天数的）
//打印日期：今天底色为红
date_str==dnow ? document.write (" " + date_str + " ") : document.write (" " + date_str + " ");
}

document.write(" "); //表格的行结束
}

document.write(" "); //表格结束



function activechange(){
document.getElementById('now').className='now'
}

.now{background-color:red;border-radius:50%;color:white}

查看更多关于签到问题_html/css_WEB-ITnose的详细内容...