打印

[PW6.0] 风花雪月风格

风花雪月风格

风格名称:四色[时间]风格
适用版本:pw 6.0
发布日期:2月18号
发 布 人:风花雪月
风格制作人:风花雪月
技术支持人:风花雪月
演示地址:http://www.coolfh.cn/PW_BBS/index.php?skinco=四色[时间]
适合分辨率:此风格适合各种分辨率。

说明:
页面的大部分的细节都改了,所以增加了几个风格页。换色时间大家可以自己更改,在header.htm里。大家要测试的话可以改下自己系统的时间就可以了。
找到
if (thehour >= 21) {display = "fhxy_3.css";}
else if (thehour >= 18) {display = "fhxy_4.css";}
else if (thehour >= 10) {display = "fhxy_2.css";}
else if (thehour >= 7) {display = "fhxy_1.css";}
else if (thehour >= 0) {display = "fhxy_3.css";}
else{display = "fhxy_1.css";}

里面(21.18.10.7.0)这些是更换时间,后面是这个时间调用的CSS。如果CSS做的多的可以多分点时间段,我自己只做了4个。

按时间更换CSS的JS具体写法,大家可以用在其他上面!
<script type="text/javascript">
datetoday = new Date();
timenow    = datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();   
下面的是时间+时间对应的CSS
if (thehour >= 21) {display = "fhxy_3.css";}
else if (thehour >= 18) {display = "fhxy_4.css";}
else if (thehour >= 10) {display = "fhxy_2.css";}
else if (thehour >= 7) {display = "fhxy_1.css";}
else if (thehour >= 0) {display = "fhxy_3.css";}
else{display = "fhxy_1.css";}
下面的是CSS所在的目录,我使用的是PW的风格目录路径
var css = '<link href="$imgpath/$stylepath/' + display + '" rel="stylesheet" type="text/css" />';   
document.write(css);
</script>
[hide][/hide]
附件: 您所在的用户组无法下载或查看附件

TOP

欣赏了

什么样子啊,想想想看看

TOP


Processed in 0.036214 second(s), 7 queries, Gzip enabled.