要素のマウスオーバー時のhover効果をアニメーションさせるjQueryプラグイン。 リスト要素の各アイテムにマウスオーバーした時に、そのアイテムの背後にjQueryでhover用の要素を動的に生成して、アニメーション表示させています。 幅、高さ、オフセットなどオブジェクトの位置情報を取得するjQuery Dimensions Pluginを併用しています。 このプラグインを適用する要素には、CSS上のルールがあります。 マウスオーバーされたアイテムの親要素には、position:relativeあるいはposition:absoluteが指定されていること。 マウスオーバーされたアイテムには、z-indexが指定されていること。 動的に生成されたアイテムは、hoverされたアイテムのz-indexより小さいz-indexが指定されていること。 /* hoverされたアイテムの親要素 */