`
wdanping
  • 浏览: 24348 次
  • 性别: 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(Cascading Style Sheets)是用于控制网页元素呈现样式的语言,通过修改CSS,我们可以改变网页的整体...

    背景自动切换css模板

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

    css实现的图片自动切换

    本话题主要探讨如何利用CSS实现图片的自动切换效果,这对于创建动态、吸引人的用户界面至关重要。 一、CSS图片切换基础 在CSS中,我们可以利用`@keyframes`规则来创建动画,通过改变元素在一段时间内的样式,实现...

    css控制图片切换

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

    Web站点风格切换

    在Web开发中,网站风格切换是一项重要的功能,它允许用户根据个人喜好或设备特性选择不同的界面展示。"Web站点风格切换"是一个项目,通过使用MasterPage和Theme技术,实现了这一功能。MasterPage是ASP.NET中用于创建...

    CSS代码生成器,自动生成CSS

    使用CSS代码生成器的优点在于,它能帮助开发者快速创建和迭代样式,减少手动编码的错误,并且可以快速尝试不同的设计风格。然而,尽管这些工具很强大,但理解CSS的基本原理仍然是必要的,因为它们可能无法覆盖所有...

    CSS自动生成器

    在实际使用中,用户可以根据需求选择合适的CSS自动生成器,例如在线工具或桌面应用程序。例如,`css生成器`这个文件可能就是一个这样的工具,可以下载并使用,帮助用户生成和管理他们的CSS样式。总的来说,CSS自动...

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

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

    微软风格的CSS横向菜单

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

    css轮播图片百叶窗切换

    **CSS轮播图片百叶窗切换详解** 在网页设计中,动态效果的使用可以极大地提升用户体验,其中轮播图(Slider)是一种常见的展示方式,它能够以优雅的方式展示多张图片或内容。而“百叶窗”切换效果则是轮播图动画中...

    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`可能包含了这些定制的样式,涵盖了颜色方案(红色和...

    CSS3全屏背景图片缩小渐变自动切换代码

    你可以通过修改CSS中的`background-image`属性来更换背景图片,并通过媒体查询或伪类选择器为每张图片设置不同的动画延迟,以实现自动切换效果。 总结来说,CSS3的全屏背景图片缩小渐变自动切换代码是利用了CSS3的...

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

    在这样的背景下,一个名为“CSS3全屏banner幻灯片自动轮播动画切换代码.zip”的技术实践脱颖而出,提供了一种创新的方式,使得网站的主页可以呈现出更加动态和富有吸引力的全屏幻灯片效果。 该项目的核心技术基础是...

    css代码自动生成

    css代码自动生成

    适时切换CSS实现无刷新变换风格(Cookie保存)

    实用的一个JavaScript+CSS实现的效果,适时切换网页的CSS文件,在线无刷新切换网页风格,使用了JavaScript的Cookie技术,保存CSS切换设置,当再次打开网站的时候不会恢复成默认,变得智能了。示例仅演示2个CSS文件的...

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

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

Global site tag (gtag.js) - Google Analytics