Html
    Css
    Js

    
                        
body,td,.p1,.p2,.i {
	font-family:arial
}
body {
	margin:6px 0 0 0;
	background-color:#fff;
	color:#000;
	position:relative
}
input {
	padding-top:0;
	padding-bottom:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
table {
	border:0
}
TD {
	FONT-SIZE:9pt;
	LINE-HEIGHT:18px;
}
em {
	font-style:normal;
	color:#cc0000
}
a em {
	text-decoration:underline;
}
#cal {
	width:434px;
	border:1px solid #c3d9ff;
	font-size:12px;
	margin:8px 0 0 15px;
}
#cal #top {
	height:29px;
	line-height:29px;
	background:#e7eef8;
	color:#003784;
	padding-left:70px;
}
#cal #top select {
	font-size:12px;
}
#cal #top input {
	padding:0;
}
#cal ul#wk {
	margin:0;
	padding:0;
	height:25px;
}
#cal ul#wk li {
	float:left;
	width:60px;
	text-align:center;
	line-height:25px;
	list-style:none;
}
#cal ul#wk li b {
	font-weight:normal;
	color:#c60b02;
}
#cal #cm {
	clear:left;
	border-top:1px solid #ddd;
	border-bottom:1px dotted #ddd;
	position:relative;
}
#cal #cm .cell {
	position:absolute;
	width:42px;
	height:36px;
	text-align:center;
	margin:0 0 0 9px;
}
#cal #cm .cell .so {
	font:bold 16px arial;
}
#cal #bm {
	text-align:right;
	height:24px;
	line-height:24px;
	padding:0 13px 0 0;
}
#cal #bm a {
	color:#7977ce;
}
#cal #fd {
	display:none;
	position:absolute;
	border:1px solid #dddddf;
	background:#feffcd;
	padding:10px;
	line-height:21px;
	width:150px;
}
#cal #fd b {
	font-weight:normal;
	color:#c60a00;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

一个简单的日历

0