PHP CSS Color Shuffle 数组？-6ren

PHP CSS Color Shuffle 数组？

转载作者：行者123 更新时间：2023-11-28 13:04:54

25

4

在一个网站中，我有一个 PHP 片段，每次刷新时，某些元素都会改变颜色(div 的链接、文本、悬停状态等)。这工作正常，但目前，在刷新时，它们通过在必要时将它们应用到 css 来更改为我的主题颜色(下面的示例)。

我现在有一个 jQuery 函数用于动画的悬停状态和我的所有链接:悬停状态它们包含在颜色随机播放中。应用颜色随机播放时，尽管它是默认的“红色”、“蓝色”、“绿色”，但如果您要将它们放在 css 中的话。

我在网上看过，但我不确定还能去哪里看，因为它在 jQuery 代码段上不起作用，所以我认为它与 jQuery 函数有关。

标题顶部的 PHP:

<?php $colours = array('red', 'yellow', 'pink', 'blue', 'green'); 
shuffle($colours); 
$random = $colours[0]; ?>

在 body 标签上它作为一个 id 回显:

<body id="<?php echo $random; ?>">

链接 *<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>*

在任何 div 或元素上，我希望它们在 css 中更改颜色之前是#green、#red 等颜色，所以如果我希望“共享类”更改我的 css，则如下所示:

#green .share {
    color:#79b74c;
}
#red .share {
    color:#900;
}

现在除了使用 jQuery 函数的悬停随机播放状态之外，这一切都有效:

$(document).ready(function(){
    // colour rollover navigation
    $(".share").hover(function() {
       $(this).stop().animate({ 'color': "<?php echo $random; ?>" }, 300);
    },function() {
       $(this).stop().animate({ 'color': "#fff" }, 300);
    });

它一定与 jQuery 有关，因为它在删除时运行良好，在应用时运行良好，但它从 php 获取颜色作为 css 的默认颜色十六进制代码。

谢谢。

最佳答案

CSS3 呢？

  #green .share {
        color:#79b74c;
    }
    #green .share:hover{
        color:#79b74c;
    }
    #red .share {
        color:#900;
    }
    #red .share:hover {
        color:black;
    }
    .share:hover{
        -webkit-transition: 0.3s;
        -moz-transition:  0.3s;
        -o-transition:  0.3s;
        transition:  0.3s;
    }

关于PHP CSS Color Shuffle 数组？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15900452/

25

4

0

文章推荐： html - 如何在响应式网站上绘图

文章推荐： javascript - 将数组复制到另一个对象属性javascript

文章推荐： html - 防止继承 text-align : justified?

c# - 如何比较 Color 对象并获得 Color[] 中最接近的 Color？
假设我有一个颜色数组(具有整个色谱，从红色到红色。)。较短的版本如下所示: public Color[] ColorArray = new Color[360] { Color.FromArgb(25
CSS 验证警告 : Same colors for color and background-color in two contexts
当我通过 http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.gamefriction.com%2FCoded&prof
CSS 验证错误 : Same colors for color and background-color in two contexts
我需要帮助来解决验证 CSS。在这里，我在 W3 验证中遇到了 20 个相同的错误。我不明白。如果您能解决此问题，我将不胜感激。错误:两种上下文中 color 和 background-color
twitter-bootstrap - Bootstrap SCSS : $color: theme-color ("primary") is not a color
我正在尝试覆盖 bootstrap4 样式。我没有使用 Sass 的经验，但这看起来像是 bootstrap SCSS 文件中的错误。我的自定义文件是: /* custom.scss */
css - sass 编译错误说 $color : null is not a color even though i declared color
我是 sass 的新手，我写了一些 sass 代码，但它没有编译。 $classes : primary secondary success warning danger; $colors
R ggplot2 : How to draw geom_points that have a solid color and a transparent stroke and are colored depending on color?
我想制作一个散点图，其中每个点都有一个球体。点及其球体都根据某些列值着色。一个显示我想要的最小示例: library(ggplot2) library(vcd) # only needed for
css - CSS 主题的变暗函数 - 错误 : argument `$color` of `darken($color, $amount)` must be a color
我正在尝试添加一个选项来更改网站颜色。所以，我有一个工作正常的色域，但问题是当鼠标悬停时我需要将颜色更改为深 10%。函数 darken 表示第一个参数必须是颜色。 Error: argument `
flutter - 预期值为 'List>'类型，但获得了 'MappedListIterable>'类型之一
我正在尝试从下拉菜单中更改主题颜色，但出现此错误:“预期类型为'List>'的值，但类型为之一 'MappedListIterable>' Color selected ; MaterialApp(
colors - 创新设置 : How to change background color
有没有办法将 Inno Setup 底部面板的背景颜色更改为白色？谢谢你的帮助! 最佳答案您描述的底部面板实际上是向导表单的区域，因此您只需设置 Color WizardForm 的属性(prop
colors - 如何让 Color Highlighter 包起作用
sublime text包Color Highlighter看起来很有用。但是，它的行为似乎并不像文档中描述的那样。根据文档: Usage : Just click or move the curs
colors - 是什么意思？
我有一个由 Excel 2007 创建的文档: ... 在 xl/styles.xml 的字体定义中包含以下颜色: 我从ECMA标准了解到这个颜色索引指的是收藏于 xl/styles.xml如果有
HTML5输入类型颜色: set no color/delete color
简单问题: (如何)是否可以设置的值在 Chrome 中选择此类输入时，要在颜色选择器中清空吗？编辑:我想将输入的值更改为 "" 最佳答案我认为它不能设置为透明，但您可以使用value="#c
python : Detect Color Then Click Color
我正在尝试截屏，检查屏幕截图中的某种颜色，如果找到该颜色，则单击它。我遇到的问题是颜色的 RGB 值必须准确。我想知道是否可以将图像转换为颜色很少的图像。抱歉打扰了。我没有受过适当的训练。我现在
CSS "color"与 "font-color"
有谁知道为什么 CSS 为文本提供了 color，但没有 font-color 或 text-color？看起来很反直觉，有点像text-decoration: underline 而不是font-
css - 为什么 css mix-blend-mode : color; cover all colors except white instead of all colors except white and black?
我想弄清楚为什么 mix-blend-mode: color; css 选择器和值会影响除白色以外的所有颜色，而不是影响除白色和黑色以外的所有颜色。有人可以向我解释为什么会这样吗？最佳答案来自 t
angular - `$color` 的参数 `opacity($color)` 必须是颜色
我正在尝试创建 Angular 2 主题，我按照网站上提到的教程进行操作。这是我的主题文件。 @import '~@angular/material/theming'; @include mat-co
colors - JavaFX 进度条 : how to change bar color?
我正在尝试更改 ProgressBar 中栏的颜色 pBar.setStyle("-fx-accent: green"); 但我遇到了一个问题:这似乎不适合我! (或者我只是不明白一些事情) 这是代码
colors - 对于所有有创造力的人来说 : coloring mandelbrot set. .. 需要想法
给定最大迭代次数 = 1000 给我一些关于如何着色(红色、绿色、蓝色)的想法。我现在能想到的只有蹩脚的 2 种颜色渐变:( 真的有可能想出像这样美丽的东西吗？最佳答案该死的，他们不会让我一个新手
java - Color HttpMessageConverter 但缺少 Color 的默认构造函数
要将 url 参数解码为颜色，我使用此 HttpMessageConverter: public class ColorHttpMessageConverter implements HttpMess
c# - 为什么 Color.A = 255 on Color 不会使其完全不透明？
我创建了一个显示色谱的自定义控件。我正在覆盖 OnRender() 方法以使用颜色绘制控件。由于某种原因，“计算”的颜色(R G B 值)具有一定的透明度，即使我将 Alpha 值 (A) 设置为最大

首页

博学

6Ren·AI

商城

PHP CSS Color Shuffle 数组？