徐州网络公司 徐州网站建设,徐州网络公司,徐州做网站,徐州集团网站建设,徐州品牌网站建设,微信公众号制作,徐州网络公司哪家好,徐州服务最好的网络公司 【徐州网络公司哪家好?】

新闻资讯

当前位置: 首页 » 技术百科

定时切换CSS代码分享

标示: 时间:04-29 作者:普晟智联 来源:本站 点击: 字号:

 

这种效果以前在腾讯CDC网站上看到过!网站自己可以更换头部图片,那个是相对简单的!其实,这个代码可以更改整体的页面样式。还有一种效果是页面每隔几秒就渐变更换背景,类是win7的自动更换壁纸效果。

代码转载:

一个网站能切换不同的CSS风格大家该当都理解,像家喻户晓的腾讯在今年改版时也增加了切换皮肤的功能。根据工夫主动调整站点风格是不错的想法,这种根据工夫主动调整站点风格也不是什么新鲜事,记得好久以前也见过类似的文章或办法,只不过当时没有特别留意。上面说一下它们的完成办法,目前网上有这样两种完成办法:

一、采用效劳端的代码 

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>

考虑到客户端能够不支撑或者禁止JavaScript,你需求设置一种默许的CSS。

文章来自与徐州网络公司官网,徐州网站建设公司,徐州网络公司哪家好,徐州网站无障碍建设,徐州集团网站建设公司 TAG: