关于我们 | 广告服务 | 加盟代理CRM | 返回首页                                                         
设为首页
加入收藏
ASP技术 | .NET技术 | J2EE技术 | PHP技术 | JS技术 | C#技术 | Java技术 | XML技术 | | B/S论坛
 
 JavaScript系列在浏览器上保存.
 网页常用小技巧
 Javascript实现浏览器菜单命令.
 象QQ一样的自动伸缩菜单
 树型目录菜单
 离开时显示停留时间
 游标广告
 用Js判断输入的时间是否有效.
 如何判断ACTIVEX控件是否下载
 实现打印设置与预览
 不出提示窗口关闭窗口
 点击右键就弹出一个菜单
 跟随鼠标的彩色方格
 前后左右出现的窗口
 自动展开的窗口
 文字在状态栏逐字放入
 文字从状态栏右冒出
 文字从状态栏左冒出
 自动刷新页面
 格式化数字函数FormatNumber
 检测浏览器类型并用声音提示
 使窗口只第一次访问时弹出
 单一表单的多个递交方案
 为何要学JavaScript
 JavaScript修改注册表的例子
 JavaScript写的日历
 按顺序显示图象
 判断输入框不空
 判断Email格式
 控制表单元素的选择
 Iframe的隐藏和显示
 删除字符串中的空格
 全屏显示窗口
 动态的下拉菜单
 去除字符串开头的空格
 浏览器是否安装插件
 检测屏幕的分辨率
 随机显示背景
 Select选项开一窗口
 让焦点自动跳转
 检查电话号码的正确性
 通过超链接提交表单
 

日历

原作者:追风                  人气:96


把下列代码加入<head>...</head>之间:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
//创建一个数组,用于存放每个月的天数
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) 
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
//实现月历
function calendar() {
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
year = today.getYear() +1900;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1);
testMe = firstDay.getDate();
if (testMe == 2) firstDay.setDate(0);
startDay = firstDay.getDay();
document.write("<TABLE BORDER='0' CELLSPACING='0' CELLPADDING='2' ALIGN='CENTER' BGCOLOR='#0080FF'>")
document.write("<TR><TD><table border='0' cellspacing='1' cellpadding='2' bgcolor='Silver'>");
document.write("<TR><th colspan='7' bgcolor='#C8E3FF'>");
var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
var now = new Date();
document.writeln("<FONT STYLE='font-size:9pt;Color:#330099'>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay()] + "</FONT>");
document.writeln("</TH></TR><TR><TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>日</FONT></TH>");
document.writeln("<th bgcolor='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>一</FONT></TH>");
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>二</FONT></TH>");
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>三</FONT></TH>");
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>四</FONT></TH>");
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>五</FONT></TH>");
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>六</FONT></TH>");
document.writeln("</TR><TR>");
column = 0;
for (i=0; i<startDay; i++) {
document.writeln("\n<TD><FONT STYLE='font-size:9pt'> </FONT></TD>");
column++;
}

for (i=1; i<=nDays; i++) {
if (i == thisDay) {
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-family:Arial;font-weight:bold;Color:#330066'>");
}
document.writeln(i);
if (i == thisDay) document.writeln("</FONT></TD>")
column++;
if (column == 7) {
document.writeln("<TR>"); 
column = 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("现在时间:<INPUT TYPE='Text' NAME='face' ALIGN='TOP'></FONT></TD></TR></TABLE>")
document.writeln("</TD></TR></TABLE></FORM>");
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
var timerID = null;
var timerRunning = false;

function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}

//显示当前时间
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = " " + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " 下午 " : " 上午 "
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示
timerRunning = true;}

function startclock () {
stopclock();
showtime();}
</SCRIPT>

再加入下列代码:
<BODY BACKGROUND="bg1.jpg"
onLoad="startclock(); timerONE=window.setTimeout" TEXT="#000000">
<B><DIV ALIGN="center"></DIV>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
document.write("")
calendar();
//-->
</SCRIPT>
</BODY>

如有疑问,请赐电邮:chinabs2004@163.com OICQ:28194826
中盈信安有限公司
中国BS网版权所有     Copyright chinabs.net
粤ICP备05004724号