Efectos especiales web: un calendario bonito y práctico

Autor：Eve Cole Fecha de actualización：2009-06-20 16:18:36

¡Un calendario muy bonito y práctico que puedes mostrar en tu propia página! jeje!

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Página web de efectos especiales downcodes.com---un calendario muy bonito y práctico</ title> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> //Crea una matriz para almacenar el número de días de cada mes function Montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) { este[0] = m0; este[1] = m1; este[2] = m2; este[4] = m4; ; this [6] = m6; this[7] = m7; this[8] = m8; this[9] = m9; this[10] = m10; función calendario() { var nombresMes = "EneroFebMarAprMayJunJulAugSepOctNovDec"; var hoy = nueva Fecha(); var esteDíaMes = nuevo mes(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30). , 31); año = hoy.getAño() +1900; esteDía = hoy.getDate(); ((año % 4 == 0) && (año % 100 != 0)) || (año % 400 = = 0)) díasMes[1] = 29; nDías = díasMes[hoy.getMonth()]; primerDía = hoy; primerDía.setDate(1); primerDía.getDate(); setDate(0) ; startDay = firstDay.getDay(); document.write("<div id='rili' style='position:absolute;width:140px;left:300px;top:100px;'>") documento. write("< TABLE width='217' BORDER='0' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#0080FF'>") document.write("<TR><TD><table border=' 0' cellpacing= '1' cellpadding='2' bgcolor='Plata'>"); document.write("<TR><th colspan='7' bgcolor='#C8E3FF'>"); var dayNames = nuevo Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado" var nombres de mes = nuevo Array("Enero", "Febrero", "Marzo"); Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); var ahora = nueva Fecha (); document.writeln("< FONT STYLE='font-size:9pt;Color:#330099'>" + "AD" + now.getYear() + "Año" + nombres de meses[now.getMonth()] + " " + now.getDate() + "Día" + nombresdedía[now.getDay()] + "</FONT>"); document.writeln("</TH></TR><TR><TH BGCOLOR= '#0080FF'><FONT STYLE= 'font-size:9pt;Color:Blanco'>日</FONT></TH>"); document.writeln("<th bgcolor='#0080FF'><FONT STYLE ='font-size:9pt;Color :Blanco'>一</FONT></TH>"); document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt; Color:Blanco'>二</FONT ></TH>"); document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:Blanco'>三</ FONT></TH>"); document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>四</FONT></TH>") ; ='#0080FF'><FONT STYLE='font-size:9pt;Color:Blanco'>五</FONT></TH>"); document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>六</FONT></TH>"); document.writeln("</TR><TR>"); columna = 0; for (i=0 ; i<startDay; i++) { document.writeln("n<TD><FONT STYLE='font-size:9pt'> </FONT></TD>"); i<=nDías; i++) { if (i == esteDía) { document.writeln("</TD><TD ALIGN='CENTER' BGCOLOR='#FF8040'><FONT STYLE='font-size:9pt; Color:#ffffff'><B>") } else { document.writeln("</TD><TD BGCOLOR='#FFFFFF' ALIGN='CENTER'><FONT STYLE= 'font-size:9pt;font- familia:Arial;font-weight:bold;Color:#330066'>"); } document.writeln(i); if (i == thisDay) document.writeln("</ FONT></TD>") columna++ ; if (columna == 7) { document.writeln("<TR>"); columna = 0 } } document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP ' BGCOLOR='#0080FF'>") document.writeln("<FORM NAME='clock' onSubmit='0'><FONT STYLE='font-size:9pt;Color: #ffffff'>") document.writeln ("Hora actual:<INPUT TYPE='Text' NAME='face' ALIGN='TOP'></FONT></FORM></TD></TR></ TABLE>") document.writeln(" </TD></TR></TABLE></div>"); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> var timerID = null; var timerRunning = false ; función stopclock (){ if(timerRunning ) clearTimeout(timerID); timerRunning = false;} //Mostrar la función de hora actual showtime () { var now = new Date(); var horas = now.getHours(); = now.getSeconds() var timeValue = " " + ((horas >12) ? horas -12 :horas) timeValue += ((minutos < 10) ? ":0" : ": ") + minutos timeValue += ( (segundos < 10) ? ":0" : ":") + segundos timeValue += (horas >= 12) ? "PM" : "AM" document.clock.face.value = timeValue; ()",1000);//Establezca el tiempo de espera para mostrar dinámicamente el tiempo timerRunning = true;} function startclock () { stopclock(); showtime();} </SCRIPT> </head > <body onLoad="startclock( ); timerONE=window.setTimeout"> <script language="JavaScript" type="text/javascript">  </script> < /body> </html>