2

私は Opencart サイトに取り組んでおり、左側のカテゴリについては、たとえば、異なる色で交互に表示する必要があります。赤、紫、緑、青など、さらにカテゴリがメニューに追加されると繰り返されます。

誰でもこれを行う最も簡単な方法についてアドバイスをもらえますか?

以下のサイトを表示できます: http://getsmarta.co/_ecommerce/easy-leaf/

4

4 に答える 4

3 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var color = ['Red', 'Green', 'Yellow'];

            $('ul#test').find('li').each(function (i) {
                $(this).addClass(color[((i + 3) % 3)]);
            });
        });
    </script>
    <style type="text/css">
        .Red
        {
            background-color: Red;
        }

        .Green
        {
            background-color: Green;
        }

        .Yellow
        {
            background-color: Yellow;
        }
    </style>
</head>
<body>
    <ul id="test">
        <li>a</li><li>b</li><li>c</li>
        <li>a</li><li>b</li><li>c</li>
        <li>a</li><li>b</li><li>c</li>
        <li>a</li><li>b</li><li>c</li>
    </ul>
</body>
</html>
于 2012-05-08T14:47:25.097 に答える
2

私はこのサーバー側を行います。

記入する必要のあるパートコード/パートコメント：

$i = 0;
// loop through rows
$i++;
$alt=false;
if ($i % 2 == 0) {
 $alt = true;
}
// output row
// make sure to use a if ($alt) { echo 'class="alt""'; } or something similar so you can style away
// end loop
于 2012-05-08T14:48:22.117 に答える
2

私は Opencart に詳しくありませんが、これは css で実現できませんか? ほとんどの場合、n 番目の子を使用してこれを機能させることができます。または、for ループと color1、color2 などのクラス名を使用して、jquery を使用して色を付けることができます。色の数をループし、各要素に addClass() を適用します。おそらくより良い解決策があり、これらは今思いついたものです。

編集：おそらくn番目の子は以前のブラウザには適していないので、jqueryと同じ概念を使用してページ自体にカラークラスを追加したい場合を除き、jqueryソリューションが適しています

于 2012-05-08T14:42:11.557 に答える
-2

私はあなたにコードを与えていません。自分で書いてください。これがアイデアです。

  1. 4つの異なる色の4つのクラスを作成します。
  2. li次に、各アイテムに正しいクラスを追加する関数を記述します。つまり、liアイテムの位置を確認して、正しいクラスを追加できます。

これを行うには、javascriptまたはphpのいずれかを使用できます。これで、リンクの色が自動的に変更され、新しいカテゴリが追加されます。

于 2012-05-08T14:51:40.587 に答える