javascript - 根据函数输出更改背景颜色

标签 javascript php jquery html css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 5 年前

我有一个名为 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/

上一篇:html - 背景图像在移动 View 中不可缩放

下一篇:html - Div 内容对齐中心不起作用

相关文章:

javascript - 如何知道 AngularJS 中的调用者函数是谁?

javascript - 自定义菜单在移动滚动条上折叠

javascript - 可重用的 JS ajax 模式 (jquery)

php - 使用SQL从mysql表中选择数据

javascript - VueJs - 两个数字之间循环的最佳实践

javascript - 是否有可能css显示:block after jquery display:none?

jquery - HTML5视频背景-IE错误

php - 如何在 WordPress 中为带有斜杠的页面创建自定义 url,如/se/pagename

php - 如何设置时间戳字段中的日期和时间格式

php-显示来自 mysql 的数据时新行不起作用