每天在我的Tumblr主题上更改颜色属性

时间:2015-03-05 00:05:48

标签: javascript jquery css

我想每天,颜色背景和文字(标题+标题)从黑色转换为白色。我知道可以用Java完成。

这是我的Tumblr页面:http://recherches.nicolaspauly.com

1 个答案:

答案 0 :(得分:2)

您可以在客户端上使用一些JavaScript来获取当天,并根据此类添加某个类到您选择的body或父元素。

它看起来像这样(为了简单起见使用jQuery):

var d = new Date(),
    styleType = d.getDay()%2, //Returns the day of the week (0-6), mod can be changed accordingly based on number of different "themes" you want to support
    //this is a setup for 2 different themes
    $body = $('body');

if(styleType === 0){
  $body.addClass('inverted');
} else {
  $body.addClass('not-inverted');
}

您现在可以使用这些类来指定CSS选择器以获取所需的样式,例如:

body.inverted .someClass {
  background: white;
}

body.not-inverted .someClass {
  background: black;
}