首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

怎么根据时间动态加载不同的css文件

2013-10-03 
如何根据时间动态加载不同的css文件?根据时间,白天加载白天用的CSS文件,晚上加载晚上用的CSS文件。如何实现

如何根据时间动态加载不同的css文件?
根据时间,白天加载白天用的CSS文件,晚上加载晚上用的CSS文件。

如何实现?

[解决办法]
如果是服务器端
判断时间,然后
<link href="<%="判断结果"%>" rel="stylesheet" type="text/css" />
就可以了

如果采用js
你可以
<link href="" id="css" rel="stylesheet" type="text/css" />

window.onload=function(){
var d = new Date().getHours();
if(d>8 && d < 18){
 document.getElementById("css").setAttribute("href","day.css")
}else{
document.getElementById("css").setAttribute("href","night.css")
}
}

或者
var c = "night.css"
if(d>8 && d < 18){
c="day.css"
}
document.write('<link href="' +  c + '" rel="stylesheet" type="text/css" />')

热点排行