Indonesia
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
Peta situs lengkap
Pembaruan Terbaru
Beranda
Kode sumber
Terkait Pemrograman
Sumber daya untuk membuat situs web
Tutorial Desain Halaman Web
Tutorial Pemrograman Jaringan
Beranda
>
Tutorial Desain Web
>
Tutorial Javascript
Kalender bernaskah yang sangat bagus
Penulis:Eve Cole
Waktu Pembaruan:2009-06-08 18:33:56
<Script LANGUAGE="JavaScript"> var bulan = new Array("一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"); var hariDalam Bulan = Array baru(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31); var hari = new Array("日","一", "二", "三","四", "五", "六"); var kelasTemp; var hari ini=baru getToday(); var tahun=hari ini.tahun; var bulan=hari ini.bulan; var Cal baru; function getDays(bulan, tahun) { if (1 == bulan) return ((0 == tahun % 4) && (0 != (tahun % 100))) ||(0 == tahun % 400) ? 29 : 28; jika tidak, kembalikan hariDalam Bulan[bulan]; } fungsi getToday() { this.now = Tanggal baru(); ini.tahun = ini.sekarang.getFullYear(); ini.bulan = ini.sekarang.getMonth(); hari ini = ini.sekarang.getDate(); } fungsi Kalender() { newCal = Tanggal baru(tahun,bulan,1); hari ini = getToday baru(); var hari = -1; var hari mulai = newCal.getDay(); var endDay=getDays(newCal.getMonth(), newCal.getFullYear()); var harian = 0; if ((hari ini.tahun == newCal.getFullYear()) &&(hari ini.bulan == newCal.getMonth())) { hari = hari ini.hari; } var caltable = dokumen.all.caltable.tBodies.calendar; var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear()); untuk (var intWeek = 0; intWeek < caltable.rows.length;intWeek++) untuk (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++) { var sel = caltable.rows[intWeek]. sel[hari ke dalam]; var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1); if ((intDay == startDay) && (0 == harian)){ harian = 1;} var daytemp=daily<10?("0"+daily):(setiap hari); var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">"; if(hari==harian) sel.className="DayNow"; else if(intDay==6) cell.className = "Hari Sabtu"; else if (intDay==0) cell.className ="DaySun"; lain sel.className="Hari"; if ((harian > 0) && (harian <= intDaysInMonth)) { sel.innerText = harian; setiap hari++; } else { sel.className="CalendarTD"; sel.innerText = ""; } } document.all.year.value=tahun; document.all.month.value=bulan+1; } function subBulan() { if ((bulan-1)<0) { bulan=11; tahun=tahun-1; } else { bulan=bulan-1; } Kalender(); } fungsi addMonth() { if((bulan+1)>11) { bulan=0; tahun=tahun+1; } else { bulan=bulan+1; } Kalender(); } function setDate() { if (document.all.month.value<1||document.all.month.value>12) { alert("月的有效范围在1-12之间!"); kembali; } tahun=Matematika.ceil(dokumen.semua.tahun.nilai); bulan=Matematika.ceil(dokumen.semua.bulan.nilai-1); Kalender(); } </Script> <Script> function buttonOver() { var obj = window.event.srcElement; obj.runtimeStyle.cssText = "warna latar:#FFFFFF"; // obj.className="Arahkan"; } fungsi buttonOut() { var obj = window.event.srcElement; window.setTimeout(fungsi(){obj.runtimeStyle.cssText = "";},300); } </Script> <Gaya> Masukan {font-family: verdana;ukuran font: 9pt;dekorasi teks: tidak ada;warna latar: #FFFFFF;tinggi: 20px;batas: 1px solid #666666;warna:#000000 ;} .Calendar {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px dotted #1C6FA5;} .CalendarTD {font-family: verdana ;ukuran font: 7pt;warna: #000000;warna latar:#f6f6f6;tinggi: 20px;lebar:11%;perataan teks: tengah;} .Judul {font-family: verdana;ukuran font: 11pt; font-weight: normal;height: 24px;text-align: center;color: #333333;text-decoration: none;background-color: #A4B9D7;border-top-width: 1px;border-right-width: 1px; lebar-batas-bawah: 1px;lebar-kiri-batas: 1px;gaya-batas-bawah:1px;warna-batas-atas: #999999;warna-batas-kanan: #999999;warna-batas-bawah: #999999 ;border-left-color: #999999;} .Day {font-family: verdana;font-size: 7pt;color:#243F65;background-color: #E5E9F2;height: 20px;width:11%;text-align : tengah;} .DaySat {font-family: verdana;ukuran font: 7pt;warna:#FF0000;dekorasi teks: tidak ada;warna latar:#E5E9F2;perataan teks: tengah;tinggi: 18px;lebar: 12 %;} .DaySun {font-family: verdana;ukuran font: 7pt;warna: #FF0000;dekorasi teks: tidak ada;warna latar:#E5E9F2;perataan teks: tengah;tinggi: 18px;lebar: 12% ;} .DayNow {font-family: verdana;ukuran font: 7pt;berat font: tebal;warna: #000000;warna latar: #FFFFFF;tinggi: 20 piksel;perataan teks: tengah;} .DayTitle {font -keluarga: verdana;ukuran font: 9pt;warna: #000000;warna latar: #C0D0E8;tinggi: 20px;lebar:11%;perataan teks: tengah;} .DaySatTitle {font-family: verdana;font- ukuran: 9pt;warna:#FF0000;dekorasi teks: tidak ada;warna latar:#C0D0E8;perataan teks: tengah;tinggi: 20px;lebar: 12%;} .DaySunTitle {font-family: verdana;ukuran font : 9pt;warna: #FF0000;dekorasi teks: tidak ada;warna latar: #C0D0E8;perataan teks: tengah;tinggi: 20px;lebar: 12%;} .DayButton {font-family: Webdings;ukuran font: 9pt;font-weight: bold;color: #243F65;cursor:hand;text-decoration: none;} </Style> <table border="0" cellpadding="0" Cellspacing="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" maxlength="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" maxlength="2" onkeydown="if (event.keyCode==13){setDate ()}" onkeyup="ini.nilai=ini.nilai.replace(/[^0-9]/g,'')" onpaste="ini.nilai=ini.nilai.replace(/[^0-9 ]/g,'')"> dan <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=buku harian >" + hari[0] + "</TD>"); for (var intLoop = 1; intLoop < hari.panjang-1;intLoop++) document.write("<TD class=DayTitle id=diary>" + hari[intLoop] + "</TD>"); document.write("<TD class=DaySatTitle id=diary>" + hari[intLoop] + "</TD>"); </Script> </TR> </thead> <TBODY border=1 Cellspacing="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 < hari.panjang;intDays++) document.write("<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'></TD>"); dokumen.write("</TR>"); } </Script> </TBODY> </TABLE> <Script LANGUAGE="JavaScript"> Kalender(); </Skrip>
Artikel Terkait
Obrolan mendalam tentang JavaScript
2022-06-27
Men-debug kesalahan JavaScript
2010-08-08
Perbandingan kerangka JavaScript
2010-04-28
Diskusi tentang objek JavaScript
2025-02-10
Diskusi tentang objek JavaScript
2025-02-10
Diskusi tentang objek JavaScript
2025-02-10
Memahami Array Javascript
2009-08-25
css javascript lintas situs
2009-06-12
Cara meneruskan parameter ke file JavaScript di JavaScript
2009-06-11
fungsi khusus javascript
2009-06-11
Gunakan JavaScript dengan hati-hati
2009-06-11
penomoran halaman javascript
2009-06-09
Efek tayangan slide JavaScript
2009-06-08