0

プロジェクトのリストの概要ページを設計しています。ページにプロジェクトのテキスト リストと、そのリストのサムネイル画像があります。それらはすべて同じページに表示されます。私の目標は、1 つのタイトルまたは画像がホバーされたときに、他のすべてのサムネイルをグレースケールで取得することです。


これが私の質問の実用的なフィドルです

Link to fiddle: http://jsfiddle.net/ka2Xs/6/

私の目標は次のとおり
です。1-「名前1」にカーソルを合わせると、赤くなります。ただし、「Name 1」にカーソルを合わせると、最初の画像を除くすべての画像がグレースケールに変わります。

2 - 最初の画像にカーソル
を合わせると、他のすべての画像がグレースケールに変わり、「名前 1」が赤に変わります。

もちろん、他の画像やリンクについても同じアクションです。このように明確になることを願っています。

imgの説明: http://img19.myimg.de/10f3cc.jpg

4

2 に答える 2

0

あなたの質問は、リンクのホバリングをリンクして、画像の選択に対応する変更を行う方法に関するものだったと思います。jqueryを使えばとても簡単です：

$('#sub-menu').find('a').hover(function(){
    var index =$('a').index($(this)); // this will get you the index of the link that is hovered on
    $('img').eq(index).css('opacity', 1); // this find find the image at the corresponding index and change its opacity to 1.
});

残りの画像の不透明度を 0.1 にして、これが強調表示されるようにすることができます。ホバーアウトのコードも書きます。

于 2013-11-14T19:30:04.070 に答える