Text Resizer


Description: よくあるテキストサイズを変更できるようにするプラグインです。jQueryである必要があるかどうかは分かりませんが、これはこれで。クロスブラウザに対応しています。
Sample: demo
Tutorial: Simple jQuery Text Resizer
License: -

Note

$(document).ready(function() {
		if($.cookie('TEXT_SIZE')) {
			$('body').addClass($.cookie('TEXT_SIZE'));
		}
		$('.resizer a').click(function() {
			var textSize = $(this).parent().attr('class');
			$('body').removeClass('small medium large').addClass(textSize);
			$.cookie('TEXT_SIZE',textSize, { path: '/', expires: 10000 });
			return false;
		});
	});

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

Related snippet :

  • Description: シンプルなコードで実装出来るタブコンテンツです。エフェクトもなく、汎用性も高いですね。クロスブラウザで動作します。 Sample: de ...
  • Description: シンプルなヘルプコンテンツです。クリックすると隠されていたテキストが表示される仕組み。デモでIE8で表示されていませんが、IE6、7では問題ないので ...
  • Description: 要素にズームすることができます。ネストされた要素にも再ズーム可能。タブレットのようなタッチデバイスでうまく使えそうですね。アニメーションも軽快で楽し ...
  • Description: テキストを震わせる Sample: Demo Tutorial: Text Blur effect with CSS and ...
  • Description: シンプルなオーバーレイエフェクトです。IE6,7は非対応ですのでかなり使いどころが限られます。ちょっとしたところで目立たせたい。という時にいいスパイ ...
  • Description: シンプルなマルチレベルドロップダウンメニューです。クロスブラウザで動作します。アニメーションもなく、汎用的で最も使いやすいかもしれません。 ...
  • Description: 動的にタブを生成するプラグインです。タブはページ推移無しでコンテンツを切り替えることが可能です。クロスブラウザ対応ですが、IE6だけ多少cssハ ...