Question

在一个网站中，我有一个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 ect和颜色所以如果我想要'share class'来改变我的css是这样的：

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

现在这一切都与我的悬停shuffle状态的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 Color Shuffle数组？

1 个答案: