如何根据日期调用CSS?

html-css022

如何根据日期调用CSS?,第1张

<link rel="stylesheet" href="1.css" type="text/css" id="mycss"/>

<script type="text/javascript">

window.onload=function(){

var date=new Date()

var day=date.getDay()

var xing=new Array("1","2","3","4","5","6","7")

var cssDiv=document.getElementById("mycss")

switch(xing[day]) {

case "1":

cssDiv.href="1.css"

break

case "1":

cssDiv.href="2.css"

break

case "2":

cssDiv.href="1.css"

break

case "3":

cssDiv.href="3.css"

break

case "4":

cssDiv.href="4.css"

break

case "5":

cssDiv.href="5.css"

break

case "6":

cssDiv.href="6.css"

break

case "7":

cssDiv.href="7.css"

}

}

</script>

代表时间的代码不是在css中,css是一种样式,比如你在做网站的时候,前端html布局了一个页面,感觉不太美观的时候用css样式来控制一下,使其页面更加的美化与易懂;

而代表时间的代码是html中的time(英语也是"时间"的意思)<time>时间是:******</time>

time中属性:datetime 值:datetime

time描述:定义元素的日期和时间。如果未定义该属性,则必须在元素的内容中规定日期或时间。