BubbleUp


Description: マウスオーバーでアイコンがスムーズに拡大し、キャプションもツールチップ的に表示させます。全てのブラウザで動作してくれます。
Sample: demo
Tutorial: BubbleUp jQuery Plugin to Spice Up Your Menu
License: -

Sample

Note

$(function(){
    $("div#demo ul#menu li img").bubbleup({tooltip: true, scale:96});
});

jQueryとプラグインを読み込んで上記設定を行います。

Related snippet :

  • Description: 多くの形に対応できる高機能コンテンツスライダープラグインです。テキストなどや画像ギャラリー、上記画像のようなサムネイルギャラリーなども構築可能。表示 ...
  • Description: ソート出来るポートフォリオを構築できます。IE6や7でも動作しますが、アニメーションが少々怪しい感じです。class名を振ってソートするシンプルな手 ...
  • Description: 画像をクリックするとフリップ(ひっくり返る)するコンテンツを実装するjQueryプラグインです。uiも必要となります。IE6ではフリップするとレイア ...
  • Description: ビフォーアフターを実装するプラグインです。クロスブラウザで動いてくれますよ。実装にはjqueryUIが必要です。 Sample: dem ...
  • Description: シンプルでベーシックなドロップダウンメニューです。簡単なアニメーション付きで、クロスブラウザ対応です。最もよく見るタイプのメニューですね。 ...
  • Description: 左のサムネイルにマウスオーバーするとアニメーションエフェクト付きで拡大、クリックすると右の大きな画像が切り替わる、というイメージギャラリーです。 ...
  • Description: Appleのスライドショーのようなギャラリーを構築するチュートリアルです。デモではcss3と、IE7のハックを用いているので汎用的とは言えませんが、 ...