`
wdanping
  • 浏览: 23602 次
  • 性别: Icon_minigender_2
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

根据时段自动切换你的站点CSS风格

阅读更多
站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12点以前系统会使用早上的皮肤,过了12点,站点会自动替换成下午的风格,5点后则替换成夜晚的风格。

CSS版代码如下:

<link rel="stylesheet" type="text/css"
href="<?php $hour = date("H"); if ($hour < 12) echo "morning.css"; elseif ($hour < 17) echo "day.css"; else echo "night.css"; ?>
" />

ASP版代码如下:

<link rel="stylesheet" type="text/css" href="<%
if hour(now)<12 then
  response.write "a.css"
else
  if hour(now)<17 then
    response.write "b.css"
  else
    response.write "c.css"
  end if
end if
%> " />


站点http://www.leemunroe.com/
分享到:
评论

相关推荐

    根据时段自动切换网站的CSS风格

    标题中的“根据时段自动切换网站的CSS风格”指的是网站能够根据一天中的不同时段自动更改其外观,通过加载不同的CSS样式表(style sheets)来实现。这种功能为网站增加了动态感和用户体验的多样性,使用户在不同的...

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

    标题中的“ASP、PHP与javascript根据时段自动切换CSS皮肤的代码”是指在网站设计中,通过编程语言(ASP、PHP)或客户端脚本(JavaScript)根据当前时间动态地更改页面的CSS样式表,以实现不同时间段网站显示不同主题...

    背景自动切换css模板

    【标题】:“背景自动切换css模板” 在网页设计中,背景自动切换是一种常见的动态效果,可以为用户带来更丰富的视觉体验。"背景自动切换css模板"是专门针对这一需求设计的,它允许网页的背景图像按照预设的时间间隔...

    css控制图片切换

    使用纯CSS时,我们可以创建一个包含所有图片的容器,并设置定时器改变其子元素(图片)的`display`属性,从而实现自动切换。例如: ```css .slideshow { position: relative; width: 100%; height: 400px; } ....

    jQuery+CSS3一天时段动画场景切换特效

    在本项目中,“jQuery+CSS3一天时段动画场景切换特效”是一个利用JavaScript库jQuery和CSS3技术构建的交互式网页特效。这个特效旨在通过动态视觉表现,模拟一天中不同时间段的场景变化,如黄昏、白天、日落和夜晚,...

    微软风格的CSS横向菜单

    此款微软风格的CSS横向菜单采用`DIV+CSS`技术编写,具有简洁、实用的特点,非常适合企业站点使用。通过简单的HTML结构配合精心设计的CSS样式,能够实现良好的视觉效果和交互体验。 #### HTML结构解析 该菜单的HTML...

    CSS Web站点设计手册

    《CSS Web站点设计手册》是一本专注于利用CSS(层叠样式表)进行Web站点设计的专业指南。这本书的源码提供了一种实践性的学习途径,帮助读者深入理解CSS在构建高效、美观且响应式的网站时所扮演的角色。通过探索源码...

    svg转css,css转svg,svg与css互相转换并压缩

    开发者应该熟悉如何在两者之间灵活切换,并利用自动化工具来提高效率。同时,理解文件压缩原理和方法,如Base64编码和CSS minification,有助于减少资源占用,提升网站加载速度。对于JavaScript工具包的使用,开发者...

    needle, 自动测试你的CSS.zip

    needle, 自动测试你的CSS 针 Needle是一种使用 selenium 和 nose测试视觉效果的工具。它通过拍摄网站部分的屏幕截图并比较已经知的好截图来检查视觉 (CSS/fonts/images/SVG/etc.) 是否正确呈现。 它还提供了测试计算...

    个性的红黑风格CSS模板

    1. **CSS模板**:在"个性的红黑风格CSS模板"中,可能包含了一些预设的样式规则,帮助开发者快速创建具有独特视觉效果的网页。例如,`innerstyle.css`和`style.css`可能包含了这些定制的样式,涵盖了颜色方案(红色和...

    使用HTML语言和CSS开发商业站点

    北大青鸟ACCP6.0的《使用...分别以:S1使用HTML语言和CSS开发商业站点[S1] S1使用HTML语言和CSS开发商业站点[S2] S1使用HTML语言和CSS开发商业站点[S3] S1使用HTML语言和CSS开发商业站点[S4]。希望对下载的亲们有用。

    css+js网页颜色、皮肤多风格切换演示

    在网页设计中,提供多种颜色或皮肤的选择是提升用户...通过研究这些文件,你可以深入理解如何结合使用CSS和JS来实现网页的多风格切换。这是一个非常实用的技巧,对于想要提升网站互动性的开发者来说,值得学习和掌握。

    很酷的手绘风格css导航

    "很酷的手绘风格css导航"是一种独特的设计趋势,它将艺术与功能完美融合,为用户提供了一个既美观又实用的交互体验。手绘风格的导航通常采用非传统、个性化的图形元素,模仿手工绘制的效果,使得网站的视觉效果更加...

    css代码自动生成

    css代码自动生成

    《使用HTML语言和CSS开发商业站点》

    《使用HTML语言和CSS开发商业站点》是一门深入讲解如何运用HTML和CSS技术构建专业级网站的课程。这门课程涵盖了从基础到高级的各个方面,旨在帮助开发者掌握创建功能完备、设计精美的商业站点所需的技能。以下是根据...

    CSS3全屏banner幻灯片自动轮播动画切换代码.zip

    【标题】"CSS3全屏banner幻灯片自动轮播动画切换代码"是关于Web前端开发的一个技术实践,主要利用了CSS3的动画特性和jQuery库来创建一个动态且吸引用户的网页头部全屏幻灯片展示。这个效果使得网站的首页能够以视觉...

    轮播图的实现(自动轮播+左右按钮切换和点选切换)

    可以使用CSS样式为轮播图添加指示点和切换按钮,并设置它们的样式和位置。 3. JavaScript逻辑:使用JavaScript来实现轮播图的自动切换和交互功能。以下是一种常见的实现方式: - 图片数据:定义一个数组,包含所有...

    css技术实例应用,简单的网页风格

    5. **响应式设计**:利用媒体查询(Media Queries),CSS可以根据设备屏幕尺寸调整样式,使网页在不同设备上都能提供良好的用户体验。 6. **动画和过渡**:CSS3引入了动画和过渡属性,可用于平滑地改变元素的样式,...

    css3实现Metro风格.zip

    《CSS3实现Metro风格详解》 在现代网页设计中,微软的Windows 8引入的“Metro”风格(现称为“Modern UI”)以其简洁、直观的界面设计深受设计师喜爱。这种风格强调色块布局和清晰的字体,为用户提供了一种全新的...

Global site tag (gtag.js) - Google Analytics