رمز تقويم الويب القوي والجميل للغاية، والمؤثرات الخاصة لصفحة الويب

<Script LANGUAGE="JavaScript"> varmonths = new Array("一"، "二"، "三"، "四"، "五"، "六"، "七"، "八"، "九"، "十"، "十一"، "十二")؛ var dayInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31); var day = new Array("日"،"一"، "二"، "三"، "四"، "五"، "六")؛ var classTemp; var today=new getToday(); فار سنة = اليوم. سنة؛ فار الشهر=اليوم.الشهر; فار نيوكال؛ دالة getDays(month, year) { if (1 == Month) return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28 ؛ وإلا قم بإرجاع أيام في الشهر [الشهر]؛ } function getToday() { this.now = new Date(); this.year = this.now.getFullYear(); this.month = this.now.getMonth(); this.day = this.now.getDate(); } وظيفة التقويم () { newCal = تاريخ جديد (السنة، الشهر، 1)؛ today = new getToday(); فار يوم = -1؛ var startDay = newCal.getDay(); var endDay=getDays(newCal.getMonth(), newCal.getFullYear()); فار يوميا = 0; if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth())) { day = today.day; } var caltable = document.all.caltable.tBodies.calendar; var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear()); for (var intWeek = 0; intWeek < caltable.rows.length;intWeek++) for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++) { var cell = caltable.rows[intWeek]. الخلايا[intDay]; var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1); if ((intDay == startDay) && (0 == daily)){ daily = 1;} var daytemp=daily<10?("0"+daily):(daily); var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">"; if(day==daily) cell.className="DayNow"; وإلا إذا (intDay==6) cell.className = "DaySat"; وإلا إذا (intDay==0) cell.className ="DaySun"; else cell.className="Day"; if ((daily > 0) && (daily <= intDaysInMonth)) { cell.innerText = daily; يوميا++; } else { cell.className="CalendarTD"; cell.innerText = ""; } } document.all.year.value=year; document.all.month.value=month+1; } function subMonth() { if ((month-1)<0) {month=11; سنة=سنة-1; } آخر { شهر=شهر-1; } تقويم()؛ } function addMonth() { if((month+1)>11) {month=0; سنة=سنة+1; } else { شهر=شهر+1; } تقويم()؛ } function setDate() { if (document.all.month.value<1||document.all.month.value>12) { تنبيه("التاريخ المحدد"); يعود؛ } year=Math.ceil(document.all.year.value); Month=Math.ceil(document.all.month.value-1); تقويم()؛ } </Script> <Script> function ButtonOver() { var obj = window.event.srcElement; obj.runtimeStyle.cssText = "background-color:#FFFFFF"; // obj.className = "Hover"؛ } function ButtonOut() { var obj = window.event.srcElement; window.setTimeout(function(){obj.runtimeStyle.cssText = "";},300); } </Script> <Style> الإدخال {font-family: verdana;font-size: 9pt;text-decoration: none;background-color: #FFFFFF;height: 20px;border: 1px Solid #666666;color:#000000 ;} .التقويم {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px dotted #1C6FA5;} .CalendarTD {font-family: verdana ;حجم الخط: 7pt;اللون: #000000;لون الخلفية:#f6f6f6;الارتفاع: 20px;العرض:11%;محاذاة النص: المركز;} .Title {font-family: verdana;font-size: 11pt; وزن الخط: عادي؛ الارتفاع: 24 بكسل؛ محاذاة النص: المركز؛ اللون: #333333؛ زخرفة النص: لا شيء؛ لون الخلفية: #A4B9D7؛ عرض الحدود العلوي: 1 بكسل؛ عرض الحدود اليمنى: 1 بكسل؛ عرض الحدود السفلية: 1px;عرض الحدود اليسرى: 1px;نمط الحدود السفلية: 1px;لون الحدود العلوية: #999999;لون الحدود اليمنى: #999999;لون الحدود السفلية: #999999 ;لون الحد الأيسر: #999999;} .Day {font-family: verdana;حجم الخط: 7pt;اللون:#243F65;لون الخلفية: #E5E9F2;الارتفاع: 20px;العرض:11%;محاذاة النص : center;} .DaySat {font-family: verdana;حجم الخط: 7pt;اللون:#FF0000;زخرفة النص: لا شيء;لون الخلفية:#E5E9F2;محاذاة النص: المركز;الارتفاع: 18px;العرض: 12 %;} .DaySun {font-family: verdana;حجم الخط: 7pt;اللون: #FF0000;زخرفة النص: لا شيء;لون الخلفية:#E5E9F2;محاذاة النص: المركز;الارتفاع: 18px;العرض: 12% ;} .DayNow {font-family: verdana;حجم الخط: 7pt;وزن الخط: غامق;اللون: #000000;لون الخلفية: #FFFFFF;الارتفاع: 20px;text-align: center;} .DayTitle {font -العائلة: verdana؛حجم الخط: 9pt؛اللون: #000000؛لون الخلفية: #C0D0E8؛الارتفاع: 20px؛العرض:11%؛محاذاة النص: المركز؛} .DaySatTitle {font-family: verdana؛font- الحجم: 9pt;اللون:#FF0000;زخرفة النص: لا شيء;لون الخلفية:#C0D0E8;محاذاة النص: المركز;الارتفاع: 20px;العرض: 12%;} .DaySunTitle {font-family: verdana;font-size : 9pt;اللون: #FF0000;زخرفة النص: لا شيء;لون الخلفية: #C0D0E8;محاذاة النص: المركز;الارتفاع: 20px;العرض: 12%;} .DayButton {font-family: Webdings;font-size: 9pt;وزن الخط: غامق;اللون: #243F65;المؤشر:اليد;زخرفة النص: لا شيء;} </Style> <table border="0" cellpadding="0" cellpacing="1" class="Calendar" id = "caltable"> <thead> <tr align = "center" valign = "middle"> <td colspan = "7" class = "Title"> <a href = "javaScript:subMonth ()؛" title = "上一月" Class = "DayButton"> 3 </a> <input name = "year" type = "text" size = "4" max length = "4" onkeydown = "if (event.keyCode ==) 13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[ ^0-9]/g,'')"> 年 <input name = "month" type = "text" size = "1" max length = "2" onkeydown = "if (event.keyCode == 13) {setDate ()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9) ]/g,'')"> موجود <a href="JavaScript:addMonth();" title="下一月" Class="DayButton">4</a> </td> </tr> <tr align="center" valign="middle"> <Script LANGUAGE="JavaScript"> document.write ("<TD class=DaySunTitle id=diary >" + أيام[0] + "</TD>"); for (var intLoop = 1; intLoop <days.length-1;intLoop++) document.write("<TD class=DayTitle id=diary>" +days[intLoop] + "</TD>"); document.write("<TD class=DaySatTitle id=diary>" + أيام[intLoop] + "</TD>"); </Script> </TR> </thead> <TBODY border=1 cellpacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()"> <Script LANGUAGE="JavaScript" > for (var intWeeks = 0; intWeeks < 6; intWeeks++) { document.write("<TR style='cursor:hand'>"); for (var intDays = 0; intDays < أيام. length;intDays++) document.write("<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'></TD>"); document.write("</TR>"); } </Script> </TBODY> </TABLE> <Script LANGUAGE="JavaScript"> Calendar(); </ سكريبت>