在一个网站中，我有一个 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/