<分区>
标签 javascript php jquery html css
我有一个名为 shift_color 的函数,长话短说,它给了我一个不同的颜色代码(输出“#FF5F74”、“#5FFF66”、“#5F8AFF”)
我想使用这个输出来设置导航菜单背景的样式。
我试过:
.topnav {
background-color: <?php echo shift_color(); ?>;
overflow: hidden;
还有其他一些我不会在这里提及的糟糕尝试。
最佳答案
首先,您创建一个数组,其中包含从 0 到 366 的值,步长为 3。因此您的数组值将为 0、3、6、9 等。所有这些天都是轮值表的第 1 天
$days = range(0,366,3);
然后找出今天是一年中的第几天,并将其赋值给一个变量
$day = date("z");
现在检查今天的值是否在数组中,如果是,那么它是第 1 天。如果不是,那么我们可以通过将 2 添加到今天的日期数字并查看它是否是 rota 上的第 1 天来查看它是否是第 2 天.如果不匹配,那么它一定是第 3 天,但我们会通过将日期数字加 1 来仔细检查,看看是否是第 1 天
switch (true) {
case (in_array($day, $days)):
$shiftColor = '#FF5F74'; // Set your css classes or whatever here
break;
case (in_array(($day + 2), $days)):
$shiftColor = '#5FFF66'; // and here
break;
case (in_array(($day + 1), $days)):
$shiftColor = '#5F8AFF'; //and here
break;
}
然后在这下面放你的css
.topnav {
background-color: <?php echo $shiftColor; ?>;
overflow: hidden;
}
关于javascript - 根据函数输出更改背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47847681/