javascript - Facebook アルバムのような複数画像のロールオーバー効果を作成する方法

Question

Facebook のアルバムにカーソルを合わせると、複数の画像が変更されます。ロールオーバー効果を使用すると、1 つの画像だけを変更できます。マウスを 1 つの画像に重ねたときに複数の画像を変更する方法は?

Answer 1

JavaScript または CSS のいずれかを使用できます。この 2 つは基本的にロールオーバーに関して相互に排他的であり、両方とも正と負の問題があります (ブラウザーにスクリプトがない場合、ブラウザーが IE の場合、ユーザーは JavaScript のロールオーバーを表示できません)。 、CSS ロールオーバーのサポートが制限されている場合があります)。

CSS については here を 、Javascriptについては here を参照してください。

ただし、特定の Web サイトを正確にエミュレートしようとしないことをお勧めします。特に、コードの多くが難読化されている Facebook などの複雑なもの。