AnythingZoomer


Description: どんなコンテンツでも拡大鏡を使えるように成ります。クロスブラウザにも対応しており、汎用性のあるプラグインと言えそうです。
Sample: demo
Tutorial: AnythingZoomer jQuery Plugin
License: -

Note

  $(function() {

        	$("#wrap1").anythingZoomer({

        	   expansionSize: 30,
        	   speedMultiplier: 1.5

        	});

        	$("#wrap2").anythingZoomer({

        	   expansionSize: 30,
        	   speedMultiplier: 2.2,

        	   smallArea: "#small2",    // Overrides small area ID
               largeArea: "#large2",    // Overrides large area ID
               zoomPort: "#overlay2",   // Overrides zoom overlay area ID
               mover: "#mover2"         // Overrides mover ID

        	});

        });

テキストの拡大の場合はjQueryとプラグインを読み込んで上記設定で動作します。画像などにも対応しています。

Related snippet :

  • Description: 画像にマウスオーバーすると拡大するコード。簡単に実装できて様々なところに応用できそうですね。クロスブラウザで動作してくれます。メニューにも使えるかな ...
  • Description: アニメーションとフェードイン・アウトを取り入れたベーシックなタブメニューです。IE6でも動きますが、罫線が消えてしまうので対策が必要です。 ...
  • Description: シンプルなマルチレベルドロップダウンメニューです。クロスブラウザで動作します。アニメーションもなく、汎用的で最も使いやすいかもしれません。 ...
  • Description: Read moreコンテンツを実装。といってもAjaxで呼び出す等ではなく、spanタグで囲ったテキストを最初は非表示させておく、というものです。 ...
  • Description: タブをクリックするとスライドしながら出現するコンタクトフォームを実装出来ます。フィードバック用にもいいですね。 Sample: demo ...
  • Description: かっこいいエフェクトでメニューを呼び出すプラグイン。ゲームみたいですね・・・クロスブラウザでは動作しませんが、なかなか印象的な見せ方ではないかなと思 ...
  • Description: メニュー項目にマウスを合わせるとラインがアニメーションしながら付いてきます。ラインはテキストの長さに応じて自動で調節されますのでテキストメニューに色 ...