on:2011年5月11日sponsors複数のパネルを配置したコンテンツの一つにパネルにマウスをホバーすると、内容を変更しハイライト表示にするjQueryのプラグインを紹介します。Hoverpanelsデモページ[ad#ad-2]パネルの通常時の表示は、こんな感じです。デモページ:通常時マウスをホバーすると、そのパネルをハイライト表示にします。そのパネルだけ内容が変更されます。デモページ:ホバー時Hoverpanelsの実装HTML各パネルはdiv要素(class="hover-panel")で実装されており、通常時用とホバー時用のコンテンツをそれぞれ配置します。class="hover-panel"></div>...</section>[ad#ad-2]外部ファイル「jquery.jsと当スクリプトを外部ファイルに指定します。src="js/jquery.hoverpanels.js"></script>スクリプトのオプションスクリプトのオプションでは、通常時とホバー時に表示するコンテンツのclass名を指定することができます。パネルのフェードの案配も調整できます。