1

*わかりました、持っていると思っていましたが、今は持っていません。有機タブでカラーリンクを実行しようとしていますが、リンクで色が機能しなくなり、タブが機能しなくなり、例の 1 つの div タグを追加するとページレイアウトが台無しになります。何かご意見は？ http://jsfiddle.net/kb0440/74vuX/ . ポートフォリオのコンテンツは、同じプレーンのサイドバーの横に配置することを想定しています。ありがとう！

誰かがこれで私を助けることができるかどうか疑問に思っていました.私はそれを理解できないようです. 私は自分のリストでこの効果を得ようとしています: http://digitalmash.com/あるリンクにカーソルを合わせる と、他のすべてのリンクが灰色になり、すべてのリンクがそのようにカラフルになるようにします。私はオーガニックタブjsでそれを使用しようとしていますが、これはかなり新しいので、それを理解しようとすると、私の脳がドロドロになりました! どんな助けでも大歓迎です！

4

3 に答える 3

1

色付き：

.test:hover > div {    
    color: #777;
}

.blue, .test:hover > .blue:hover {
    color: blue;
}

.red, .test:hover > .red:hover {
    color: red;
}

.orange, .test:hover > .orange:hover {
    color: orange;
}

例： http： //jsfiddle.net/hunter/NqAWA/

于 2012-10-02T15:14:42.267 に答える
1

どうぞ ：-）

HTML:

<div>
<ul>
    <li class="first">Item 1</li>
    <li class="second">Item 2</li>
    <li class="third">Item 3</li>
    <li class="fourth">Item 4</li>
</ul>
</div>​

CSS:

div ul:hover li {
    color:#CCC;
}
ul li.first, div ul li.first:hover {
    color:#F00;
}
ul li.second, div ul li.second:hover {
    color:#0F0;
}
ul li.third, div ul li.third:hover {
    color:#00F;
}
ul li.fourth, div ul li.fourth:hover {
    color:#0FA;
}

デモ

于 2012-10-02T15:09:21.177 に答える
0

これを行うには多くの方法があります。

CSS3 を使用したものを次に示します。

<span>
<a id=a href=# title=AAA>AAAAA</a>
<a id=b href=# title=CCC>BBBBB</a>
<a id=c href=# title=CDDEZ>epupzotfrez eze</a>
</span>

span:hover a {color:grey;}
a {text-decoration:none; font-weight:bold;}
span:not(:hover) #a, #a:hover { color:red;}
span:not(:hover) #b, #b:hover { color:blue;}
span:not(:hover) #c, #c:hover { color:green;}

デモンストレーション

これはjavascriptを使用した別のものです（ここ 

<span>
<a href=# title=AAA color=red>AAAAA</a>
<a href=# title=CCC color=blue>BBBBB</a>
<a href=# title=CDDEZ color=green>epupzotfrez eze</a>
</span>
​
a {text-decoration:none; font-weight:bold;}

function color() {
    $('a').each(function(){
        $(this).css('color', $(this).attr('color'));
    });
}
$('a').mouseenter(function(){
    $('a').css('color','grey');
    $(this).css('color', $(this).attr('color'));
});
$('span').mouseleave(color);
color();

2 番目のソリューションの利点は、リンクごとに CSS にエントリを作成する必要がないことです。

デモンストレーション

于 2012-10-02T15:13:16.980 に答える