jQueryプラグインcontenthover.jsを使って、画像hover時にコンテンツ表示。

画像をマウスオーバーすると、バックグラウンドを少し透明度のある濃い色に変更して隠れていたコンテンツを表示します。コンテンツ内の[続きを見る]ボタンはダミーです。

シンプルなフェードインでコンテンツ表示。

フェードインするコンテンツ

[ダミーテキスト] ポイントカードを発行し、商品の購入者に対し、次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。

続きを見る

下から上がってくるコンテンツ。

下から上がってくるコンテンツ

[ダミーテキスト] ポイントカードを発行し、商品の購入者に対し、次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。

続きを見る

右から出てくるコンテンツ。

右から出てくるコンテンツ

[ダミーテキスト] ポイントカードを発行し、商品の購入者に対し、次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。

続きを見る

div要素全体にフェードイン。

置き換わるdiv要素。バックグラウンドが#ccccccのdiv要素全体にコンテンツフェードイン。

div要素全体

[ダミーテキスト] ポイントカードを発行し、商品の購入者に対し、次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。

Lorem ipsum