Question

是否可以为网站设置一天的特定CSS设计？

假设我希望设计在周末自动更改，并且在几天内正常更改？

我还没有在经典asp上工作过一段时间，但我知道经典的aso在标签中有功能，所以有可能但普通HTML页面或asp网络呢？

由于

更新

谢谢你们！很棒的答案。我更喜欢javascript方法，因为它可以与任何网络语言（ASP.net，C＃，VB.net等）一起使用

Answer 1

正如评论中所提到的，最好的选择是根据this article使用javascript

function getStylesheet() {
      var currentTime = new Date().getHours();
      if (0 <= currentTime&&currentTime < 5) {
       document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
      }
      if (5 <= currentTime&&currentTime < 11) {
       document.write("<link rel='stylesheet' href='morning.css' type='text/css'>");
      }
      if (11 <= currentTime&&currentTime < 16) {
       document.write("<link rel='stylesheet' href='day.css' type='text/css'>");
      }
      if (16 <= currentTime&&currentTime < 22) {
       document.write("<link rel='stylesheet' href='evening.css' type='text/css'>");
      }
      if (22 <= currentTime&&currentTime <= 24) {
       document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
      }
}

getStylesheet();

Answer 2

好吧，我不知道ASP，但你标记了JavaScript，所以我假设你也在做这个客户端。（而且它也可能是一个好主意，因为你将使用客户端的时间，而不是你的服务器）

这就是我要做的事情：

function loadStyleSheet(url) {
    var styleSheet = document.createElement('link');
    styleSheet.href = url;
    styleSheet.type = 'text/css';
    styleSheet.rel = 'stylesheet';
    document.getElementsByTagName('head')[0].appendChild(styleSheet);
}

var today = new Date().getDay();

if (today === 6 || today === 0) {
    loadStyleSheet('/style/weekendSheet.css');
} else {
    loadStyleSheet('/style/weekdaySheet.css');
}

请注意，getDay 会将日期作为数字返回，因此如果您想要更具体，可以进一步扩展脚本。

但是，对于那些禁用了JavaScript的用户，您还应该有一个“默认”样式表，并且只需使用附加的样式表覆盖默认样式。

设置一天的CSS设计？

2 个答案: