PHP CSS颜色随机播放数组？

Question

在一个网站中，我有一个PHP代码段，每次刷新时，某些元素都会更改颜色（div的链接，文本，悬停状态等）。 这可以正常工作，但目前，在刷新时，可以通过将它们应用于必要的CSS更改为我的主题颜色（下面的示例）。

我现在有一个用于动画的悬停状态的jQuery函数，以及我所有的link：hover状态都将它们包含在颜色混洗中。 如果将颜色随机播放设置为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 ect和颜色，因此，如果我希望“共享类”更改我的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的默认颜色十六进制代码。

谢谢。

Answer 1

那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颜色随机播放数组？

问题描述

1 个解决方案

解决方案1
0 2013-04-09 12:37:23

PHP CSS颜色随机播放数组？

问题描述

1 个解决方案

解决方案1 0 2013-04-09 12:37:23

解决方案1
0 2013-04-09 12:37:23