0

在一个网站中，我有一个 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 的默认颜色十六进制代码。

谢谢。

4

1 回答 1

0

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;
    }
于 2013-04-09T12:37:23.190 回答