0

Web サイトには、更新のたびに特定の要素の色が変わる 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 と色を変更する前に色を変更したいので、「共有クラス」で 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と関係があるに違いありませんが、CSSのデフォルトの色の16進コードとしてphpから色を取得しています。

ありがとう。

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 に答える