***时间日期***一个1998-2004各个年份的日历
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<script language="javascript">
<!-- begin
var ddate = new date();
var dcurmonth = ddate.getmonth();
var dcurdayofmonth = ddate.getdate();
var dcuryear = ddate.getfullyear();
var objprevelement = new object();
function ftogglecolor(myelement) {
var togglecolor = "#ff0000";
if (myelement.id == "caldatetext") {
if (myelement.color == togglecolor) {
myelement.color = "";
} else {
myelement.color = togglecolor;
}
} else if (myelement.id == "calcell") {
for (var i in myelement.children) {
if (myelement.children.id == "caldatetext") {
if (myelement.children.color == togglecolor) {
myelement.children.color = "";
} else {
myelement.children.color = togglecolor;
}
}
}
}
}
function fsetselectedday(myelement){
if (myelement.id == "calcell") {
if (!isnan(parseint(myelement.children["caldatetext"].innertext))) {
myelement.bgcolor = "#c0c0c0";
objprevelement.bgcolor = "";
document.all.calselecteddate.value = parseint(myelement.children["caldatetext"].innertext);
objprevelement = myelement;
}
}
}
function fgetdaysinmonth(imonth, iyear) {
var dprevdate = new date(iyear, imonth, 0);
return dprevdate.getdate();
}
function fbuildcal(iyear, imonth, idaystyle) {
var amonth = new array();
amonth = new array(7);
amonth = new array(7);
amonth = new array(7);
amonth = new array(7);
amonth = new array(7);
amonth = new array(7);
amonth = new array(7);
var dcaldate = new date(iyear, imonth-1, 1);
var idayoffirst = dcaldate.getday();
var idaysinmonth = fgetdaysinmonth(imonth, iyear);
var ivardate = 1;
var i, d, w;
if (idaystyle == 2) {
amonth = "sunday";
amonth = "monday";
amonth = "tuesday";
amonth = "wednesday";
amonth = "thursday";
amonth = "friday";
amonth = "saturday";
} else if (idaystyle == 1) {
amonth = "sun";
amonth = "mon";
amonth = "tue";
amonth = "wed";
amonth = "thu";
amonth = "fri";
amonth = "sat";
} else {
amonth = "su";
amonth = "mo";
amonth = "tu";
amonth = "we";
amonth = "th";
amonth = "fr";
amonth = "sa";
}
for (d = idayoffirst; d < 7; d++) {
amonth = ivardate;
ivardate++;
}
for (w = 2; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (ivardate <= idaysinmonth) {
amonth = ivardate;
ivardate++;
}
}
}
return amonth;
}
function fdrawcal(iyear, imonth, icellwidth, icellheight, sdatetextsize, sdatetextweight, idaystyle) {
var mymonth;
mymonth = fbuildcal(iyear, imonth, idaystyle);
document.write("<table border='1'>")
document.write("<tr>");
document.write("<td align='center' style='font-family:arial;font-size:12px;font-weight: bold'>" + mymonth + "</td>");
document.write("<td align='center' style='font-family:arial;font-size:12px;font-weight: bold'>" + mymonth + "</td>");
document.write("<td align='center' style='font-family:arial;font-size:12px;font-weight: bold'>" + mymonth + "</td>");
document.write("<td align='center' style='font-family:arial;font-size:12px;font-weight: bold'>" + mymonth + "</td>");
document.write("<td align='center' style='font-family:arial;font-size:12px;font-weight: bold'>" + mymonth + "</td>");
document.write("<td align='center' style='font-family:arial;font-size:12px;font-weight: bold'>" + mymonth + "</td>");
document.write("<td align='center' style='font-family:arial;font-size:12px;font-weight: bold'>" + mymonth + "</td>");
document.write("</tr>");
for (w = 1; w < 7; w++) {
document.write("<tr>")
for (d = 0; d < 7; d++) {
document.write("<td align='left' valign='top' width='" + icellwidth + "' height='" + icellheight + "' id=calcell style='cursor:hand' onmouseover='ftogglecolor(this)' onmouseout='ftogglecolor(this)' onclick=fsetselectedday(this)>");
if (!isnan(mymonth)) {
document.write("<font id=caldatetext onmouseover='ftogglecolor(this)' style='cursor:hand;font-family:arial;font-size:" + sdatetextsize + ";font-weight:" + sdatetextweight + "' onmouseout='ftogglecolor(this)' onclick=fsetselectedday(this)>" + mymonth + "</font>");
} else {
document.write("<font id=caldatetext onmouseover='ftogglecolor(this)' style='cursor:hand;font-family:arial;font-size:" + sdatetextsize + ";font-weight:" + sdatetextweight + "' onmouseout='ftogglecolor(this)' onclick=fsetselectedday(this)> </font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
}
function fupdatecal(iyear, imonth) {
mymonth = fbuildcal(iyear, imonth);
objprevelement.bgcolor = "";
document.all.calselecteddate.value = "";
for (w = 1; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (!isnan(mymonth)) {
caldatetext[((7*w)+d)-7].innertext = mymonth;
} else {
caldatetext[((7*w)+d)-7].innertext = " ";
}
}
}
}
// end -->
</script>
第二步：把如下代码加入到<body>区域中
<script language="javascript" for=window event=onload>
<!-- begin
var dcurdate = new date();
frmcalendarsample.tbselmonth.options.selected = true;
for (i = 0; i < frmcalendarsample.tbselyear.length; i++)
if (frmcalendarsample.tbselyear.options.value == dcurdate.getfullyear())
frmcalendarsample.tbselyear.options.selected = true;
//end -->
</script>
<form name="frmcalendarsample" method="post" action="">
<input type="hidden" name="calselecteddate" value="">
<table border="1" align="center">
<tr>
<td>
<select name="tbselmonth" onchange='fupdatecal(frmcalendarsample.tbselyear.value, frmcalendarsample.tbselmonth.value)'>
<option value="1">january</option>
<option value="2">february</option>
<option value="3">march</option>
<option value="4">april</option>
<option value="5">may</option>
<option value="6">june</option>
<option value="7">july</option>
<option value="8">august</option>
<option value="9">september</option>
<option value="10">october</option>
<option value="11">november</option>
<option value="12">december</option>
</select>
<select name="tbselyear" onchange='fupdatecal(frmcalendarsample.tbselyear.value, frmcalendarsample.tbselmonth.value)'>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
</select>
</td>
</tr>
<tr>
<td>
<script language="javascript">
var dcurdate = new date();
fdrawcal(dcurdate.getfullyear(), dcurdate.getmonth()+1, 30, 30, "12px", "bold", 1);
</script>
</td>
</tr>
</table>
<div align="center"></div>
</form>
-------- ------------------------ --- ---
拥有三人行论坛管 理系列软件 ，一个人就可以管理一个论坛的更新维 护。还能使您的论坛有千人在线的 真实火暴效果，让您不在 为论 坛因没 有人气而留不住会员而烦恼，使您的论坛 早日成为一流的论 坛。 详情请登陆网站：h ttp://www.cnsrx.cn 三人行论坛管理软件， 站长必备的专业好工具。（您使用的是免费版本，购买 收费版本后，将不带广告。业务QQ:247216 44985227）
页:
[1]