ASP、PHP与javascript根据时段自动切换CSS皮肤的代码

所属分类: 网络编程 / CSS/HTML 阅读数: 1901
收藏 0 赞 0 分享
根据时间自动调整站点风格是不错的想法,这种根据时间自动调整站点风格也不是什么新鲜事,记得好久以前也见过类似的文章或方法,只不过当时没有特别注意。下面说一下它们的实现方法,目前网上有这样两种实现方法:
一、采用服务端的代码
ASP版本:
<link rel="stylesheet" type="text/css" href="
<%
if hour(now)<12 then
response.write "morning.css"
elseif hour(now)<17 then
response.write "day.css"
else
response.write "night.css"
end if
%>
"/>
PHP版本:

<link rel="stylesheet" type="text/css" href="
<?php
$hour = date(”H”);
if($hour < 12)
echo ‘morning.css';
else if($hour < 17)
echo ‘day.css';
else
echo ‘night.css';
?>
" />
二、采用JavaScript代码
<script type="text/javascript">
<!–
function getCSS(){
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour<12)
display = "morning.css";
else if (thehour<17)
display = "day.css";
else
display = "night.css";
//(…想要更多再加即可…)
var css = ‘<';
css+='link rel="stylesheet" href='+display+' \/';
css+='>';
document.write(css);
}
–>
</script>
更多精彩内容其他人还在看

关于&lt; tbody &gt;的一个实例,很实用。

tbody Tab选项卡效果代码关键只是在<tbody>和选项卡的设置上。我在6个<tr></tr>段分别设置了<tbody></tbody>,目的是为了让一个javascript程序调用6个选项卡的时候可以循环设置tB
收藏 0 赞 0 分享

网页布局设计的标准尺寸

许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?太宽就会出现水平滚动条了,下面我们就网页设计的标准尺寸进行讲解.
收藏 0 赞 0 分享

修正IE下使用CSS属性overflow的bug

你或许知道IE在使用 CSS 属性 overflow 时,有一些bug,请允许我在里重述一下。
收藏 0 赞 0 分享

css别忘记清除浮动clear:both

总结下清除浮动的一般解决方案,做网页时要注意
收藏 0 赞 0 分享

CSS清除浮动常用方法小结

使用div+css(姑且这样叫,虽然我也不喜欢,但是叫什么呢?)布局的好处不用多说,经常性地会使用到float,那么清除浮动就是必须要做的,而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。
收藏 0 赞 0 分享

关于td的height和line-height兼容问题

写页面的时候,遇到处理数据的时候还是要用TABLE的,但是有的时候显示出来table, ie和ff的高不同。
收藏 0 赞 0 分享

CSS基础 CSS选择符

选择符分类介绍1.通配选择符 语法: * { sRules } 说明: 通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。 假如通配选择符不是单一选择符中的唯一组成,“*”可以省略。
收藏 0 赞 0 分享

关于H1的位置解析

最近对H1的讨论很多(在文章内容页中),大致有以下两种情况: H1应该用于文章的标题上 H1应该用于站点的标题上
收藏 0 赞 0 分享

FF下 用 col 隐藏表格列的方法详解!

一直一来,我都在想办法看能不能用 col 控制表格的列隐藏,但是无奈,FF对COL支持不够好(其实是以前没有发现COL在FF下要怎么弄)。
收藏 0 赞 0 分享

原来CSS里的 !important 是如此用法

css下!important效果演示代码
收藏 0 赞 0 分享
查看更多