这里有一些实用的代码,过来看看,绝对有收获的~~~

zltostem 2004-09-17 08:16:44
好事成双,中秋佳节快到了,同时又收获了一颗星星。
在此把一些实用性很强的代码奉献出来,与大家共同分享 ...

1.生成日历

脚本说明:
第一步:把如下代码加入<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[i].id == "calDateText") {
if (myElement.children[i].color == toggleColor) {
myElement.children[i].color = "";
} else {
myElement.children[i].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[0] = new Array(7);
aMonth[1] = new Array(7);
aMonth[2] = new Array(7);
aMonth[3] = new Array(7);
aMonth[4] = new Array(7);
aMonth[5] = new Array(7);
aMonth[6] = 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[0][0] = "Sunday";
aMonth[0][1] = "Monday";
aMonth[0][2] = "Tuesday";
aMonth[0][3] = "Wednesday";
aMonth[0][4] = "Thursday";
aMonth[0][5] = "Friday";
aMonth[0][6] = "Saturday";
} else if (iDayStyle == 1) {
aMonth[0][0] = "Sun";
aMonth[0][1] = "Mon";
aMonth[0][2] = "Tue";
aMonth[0][3] = "Wed";
aMonth[0][4] = "Thu";
aMonth[0][5] = "Fri";
aMonth[0][6] = "Sat";
} else {
aMonth[0][0] = "Su";
aMonth[0][1] = "Mo";
aMonth[0][2] = "Tu";
aMonth[0][3] = "We";
aMonth[0][4] = "Th";
aMonth[0][5] = "Fr";
aMonth[0][6] = "Sa";
}
for (d = iDayOfFirst; d < 7; d++) {
aMonth[1][d] = iVarDate;
iVarDate++;
}
for (w = 2; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (iVarDate <= iDaysInMonth) {
aMonth[w][d] = 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[0][0] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][1] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][2] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][3] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][4] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][5] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][6] + "</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[w][d])) {
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[w][d] + "</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[w][d])) {
calDateText[((7*w)+d)-7].innerText = myMonth[w][d];
} 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[dCurDate.getMonth()].selected = true;
for (i = 0; i < frmCalendarSample.tbSelYear.length; i++)
if (frmCalendarSample.tbSelYear.options[i].value == dCurDate.getFullYear())
frmCalendarSample.tbSelYear.options[i].selected = true;
// End -->
</script>

<form name="frmCalendarSample" method="post" action="">
<input type="hidden" name="calSelectedDate" value="">

<table border="1">
<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>
</form>
...全文
785 100 打赏 收藏 转发到动态 举报
写回复
用AI写文章
100 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
好 ~~
fjdxlyc 2004-10-26
  • 打赏
  • 举报
回复
代码好,文章也精彩
czp98069806 2004-10-26
  • 打赏
  • 举报
回复
up
zhengli1999 2004-10-26
  • 打赏
  • 举报
回复
liuxiaoyi666(兔子,用好了GOOGLE才能了解CSDN)

什么整理全文啊...要发到CSDN上来哦..
是是非非 2004-10-25
  • 打赏
  • 举报
回复
还是那些XXX看的爽…………

接分了
  • 打赏
  • 举报
回复
隐私大暴露:
因为我失恋的时候属于极度情绪化的,加上脑袋比较硬所以直接往墙上装了,虽然那时,心很痛,头很疼,撞了撞也很舒服的,一种心灵的安慰,这个是疼痛转移法,不过不到极点不要做的
我本来打篮球还有好多伤在身上呢,肌肉经膜炎犯了的时候叫人不停的打我后背,不过这些都是治标不治本的方法
心病是靠自我的疗伤,背伤也是靠到医院找的医生
来CSDN我是寻求到了一片宁静的世界,人人对我来说都是虚拟的,我去寻求种安慰,但是人终究要面对现实,虚拟不是永恒
兔子故事之失恋篇:
我看着她离去的身影,心里无限伤痛,突然我看到个电线杆,我就用脑袋撞过去,一下,两下,三下,我突然发现那种头疼的感觉很好,心突然麻木了,心情极度失落的时候,我迷失了
突然很想喝酒,酒在哪,我不知道,烟呢?找不到了
我跟一个朋友买了好多酒回家了
我记得我把全身的钱给了她
然后呢,然后呢,我记得我漫无目的的过了几个月,我记得我拼过拼图,打穿了英雄无敌一次又一次,看了N多部连续剧,不停的看NBA,心痛的时候我的手往墙上不停的打,我本来是著名的神投手,结果那段日子我的右手基本打不了篮球(PS:我会用左手使筷子,写字)
再之后我回到了北京,我在离开之前我看了我养的狗的墓
不知道你们有没有看过安乐死,我见过.那应该是4月14号,我们发现那个小狗突然很不一样,我们以为它得了狂犬病,其实不是,那天它追着我们,其实是想我们给它温暖,我非常喜欢小动物,在家里它跟我相处的最好,结果死之前我打了它,它跟我没以前那么亲了,到现在我也好后悔的,第二天,发现它几乎不会走路的时候,我跟那个女孩把它带到了一个宠物医院,在那里给它打了一针安乐,我看着它就静静地躺在那里,临死前的痛苦都没了,忽然感觉很解脱,飘到了很远的地方
佛教里常说人生来就是要受苦的,那死呢??
不知道,我的心很受震撼啊,我看着它从不会跑,到能上楼能下楼,能乱蹦乱跳的,一个生命的陨落代表的又是什么呢??
回北京前我走在湖边,我很想起来这些,我还记得我突然在火车站发怒了,人的灰色的记忆忘却的是比较快的
我茫然的在北京待了20多天后,来CSDN上看看,一年半不过来了,猛然间还能看见一些以前见过的朋友,在虚拟的世界中我又去找寻了很多不同的伙伴
zhengli1999 2004-10-25
  • 打赏
  • 举报
回复
啊...我要看全文啊....
jiesoft 2004-10-25
  • 打赏
  • 举报
回复
文章挺好,但就是心乱,不能静下心来看
  • 打赏
  • 举报
回复
to 吟冰
目前是流水帐
以后我要进行改进
to 镁铝
那个人早就避开我了
他是典型天蝎O型非常记仇的那种
我是天蝎B型,属于非典型天蝎座,呵呵
我们都快过生日了,都一年了*^_^*
其实是没结局,也没准儿
DeltaCat 2004-10-25
  • 打赏
  • 举报
回复
^_^
annymu 2004-10-25
  • 打赏
  • 举报
回复
liuxiaoyi666(兔子,用好了GOOGLE才能了解CSDN)
唉,失败告终。
不过也好,省的你在朋友面前抬不起头。
我觉得世上女子何其多,你一定能遇到适合你的她的。
maxiqiu 2004-10-25
  • 打赏
  • 举报
回复
描述再多些文采,有些像记流水账
xzq686 2004-10-25
  • 打赏
  • 举报
回复
刚看完兔子的XXXXXXXXXXXXXXX。
XXX是什么??
zltostem 2004-09-27
  • 打赏
  • 举报
回复
这个贴子还没结,借这个时间再顶出来

为即将到来的节日

各位节日快乐吧~~~
wcbm 2004-09-27
  • 打赏
  • 举报
回复
恭喜
收藏
tpf9000 2004-09-27
  • 打赏
  • 举报
回复
谢谢谢谢
收藏
DARKNESSFALL 2004-09-27
  • 打赏
  • 举报
回复
顶!
skystar008 2004-09-27
  • 打赏
  • 举报
回复
有文采,更有福气~
nnjieguo 2004-09-27
  • 打赏
  • 举报
回复
很好,收藏。希望更好
明珠佩佩 2004-09-27
  • 打赏
  • 举报
回复
收藏
加载更多回复(80)

2,100

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 非技术区
社区管理员
  • 非技术区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧