<head>
<link rel="stylesheet" type="text/css" href="Skin.css">
<style>
<!--
table{ text-align: center }
-->
</style>
</head>
<body>
<div align="center">
<script language="javascript">
var my = new Date()
//***************************************************函数开始，这是用来显示日历的***********************
function showc() {
var k=1
var j=1
var today
var tomonth
var theday=1//日期
var max
var temp
var tempday//这个月第一天的星期
document.write ("<b>" + my.getFullYear() + "-" + (my.getMonth()+1) + "</b>")
document.write ("<table border='1' width='273' height='158'>")
document.write ("<tr>")
document.write ("<td height='23' width='39'><font color='red'>Sun</font></td>")
document.write ("<td height='23' width='39'>Mon</td>")
document.write ("<td height='23' width='39'>Tue</td>")
document.write ("<td height='23' width='39'>Wed</td>")
document.write ("<td height='23' width='39'>Thu</td>")
document.write ("<td height='23' width='39'>Fri</td>")
document.write ("<td height='23' width='39'>Sat</td>")
document.write ("</tr>")
temp=my.getDate()
my.setDate(1)
//document.write (my.getDate())
tempday=my.getDay()//返回第一天是星期几
my.setDate(temp)
today=my.getDay()//返回现在星期几
switch ((my.getMonth()+1)) {
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
max=31
break
case 4:
case 6:
case 9:
case 11:
max=30
break
default:
max=29//这里没有考虑闰月！！
//document.write (max)
}
for(k=0k<6k++) {
document.write ("<tr>")
for(j=0j<=6j++) {
document.write ("<td height='23' width='39'>")
if(j>=(tempday)) {
tempday=0//设置为最小，相当于取消判断条件
if(theday<=max) {
document.write ("<a title=" + my.getFullYear() + "-" + (my.getMonth()+1) + "-" +theday + " target='_blank' href=detail.asp?date=" + theday + ">")
if(theday==my.getDate())
document.write ("<font color='green'>[" + theday + "]</font></a>")
else if(j==0)
document.write ("<font color='red'>" + theday + "</font></a>")
else
document.write (theday + "</a>")
theday++
}
}
document.write ("</td>")
}
document.write ("</tr>")
}
document.write ("</table>")
}
//************************************************函数结束
showc()
</script>
</div>
<body>
</html>
这是显示日历代码
1、当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图。
2、第二种写作方式：
<HEAD>
<meta http-equiv =“Content-Type”content =“text / htmlcharset = utf-8”/>
<title>时间元素</ title>
<风格>
。所有{
身高：300像素
宽度：500像素
背景：＃999}
</样式>
</ HEAD>
<BODY>
<div class =“all”></ div>
</ BODY>
3、链接外部CSS样式，现在创建一个css样式表文件。
4、这里鼠标右键单击选择将链接存储在css文件夹中。
5、在html文件中写下链接代码，代码如下：<link rel =“stylesheet”type =“text / css”href =“css / index.css”/>。
6、之后，您可以看到HTML文件的源代码并查看我们连接的css文件。
日历和时间代码:(加在空白处)#header div.lc{background:url(http://danjo.ca/cgi-sys/Count.cgi?display=date&dformat=yymmdd&ft=0&dd=cd&timezone=GMT+0800) no-repeat 95% 30% !importantfilter:Chroma(Color="#EE0000")DropShadow(Color=gray, OffX=3, OffY=3, Positive=true) !important}/*日期*/
#header div.rc{background:url(http://danjo.ca/cgi-sys/Count.cgi?display=clock&tformat=24&ft=0&dd=cd&timezone=GMT+0800) no-repeat 95% 60%}
.stage{background:url() } /*时间*/
