https://ttc.co.jp/common/jquery.fontsizechange.js

1(function($){
2
3	$(function(){
4		fontsizeChange();
5	});
6
7	function fontsizeChange(){
8
9		var changeArea = $("#main");			//フォントサイズ変更エリア
10		var btnArea = $("#fontSize");				//フォントサイズ変更ボタンエリア
11		var changeBtn = btnArea.find(".changeBtn");	//フォントサイズ変更ボタン
12		var fontSize = [110,130];				//フォントサイズ（HTMLと同じ並び順、幾つでもOK、単位は％）
13		var ovStr = "_on";							//ロールオーバー画像ファイル末尾追加文字列（ロールオーバー画像を使用しない場合は値を空にする）
14		var activeClass = "_on";					//フォントサイズ変更ボタンのアクティブ時のクラス名
15		var defaultSize = 0;						//初期フォントサイズ設定（HTMLと同じ並び順で0から数値を設定）
16		var cookieExpires = 7;						//クッキー保存期間
17		var sizeLen = fontSize.length;
18		var useImg = ovStr!="" && changeBtn.is("[src]");
19
20		//現在クッキー確認関数
21		function nowCookie(){
22			return $.cookie("fontsize");
23		}
24
25		//画像切替関数
26		function imgChange(elm1,elm2,str1,str2){
27			elm1.attr("src",elm2.attr("src").replace(new RegExp("^(\.+)"+str1+"(\\.[a-z]+)$"),"$1"+str2+"$2"));
28		}
29
30		//マウスアウト関数
31		function mouseOut(){
32			for(var i=0; i<sizeLen; i++){
33				if(nowCookie()!=fontSize[i]){
34					imgChange(changeBtn.eq(i),changeBtn.eq(i),ovStr,"");
35				}
36			}
37		}
38
39		//フォントサイズ設定関数
40		function sizeChange(){
41			changeArea.css({fontSize:nowCookie()+"%"});
42		}
43
44		//クッキー設定関数
45		function cookieSet(index){
46			$.cookie("fontsize",fontSize[index],{path:'/',expires:cookieExpires});
47		}
48
49		//初期表示
50		if(nowCookie()){
51			for(var i=0; i<sizeLen; i++){
52				if(nowCookie()==fontSize[i]){
53					sizeChange();
54					var elm = changeBtn.eq(i);
55					if(useImg){
56						imgChange(elm,elm,"",ovStr);
57					}
58					elm.addClass(activeClass);
59					break;
60				}
61			}
62		}
63		else {
64			cookieSet(defaultSize);
65			sizeChange();
66			var elm = changeBtn.eq(defaultSize);
67			if(useImg){
68				imgChange(elm,elm,"",ovStr);
69				imgChange($("<img>"),elm,"",ovStr);
70			}
71			elm.addClass(activeClass);
72		}
73
74		//ホバーイベント（画像タイプ）
75		if(useImg){
76			changeBtn.each(function(i){
77				var self = $(this);
78				self.hover(
79				function(){
80					if(nowCookie()!=fontSize[i]){
81						imgChange(self,self,"",ovStr);
82					}
83				},
84				function(){
85					mouseOut();
86				});
87			});
88		}
89
90		//クリックイベント
91		changeBtn.click(function(){
92			var index = changeBtn.index(this);
93			var self = $(this);
94			cookieSet(index);
95			sizeChange();
96			if(useImg){
97				mouseOut();
98			}
99			if(!self.hasClass(activeClass)){
100				changeBtn.not(this).removeClass(activeClass);
101				self.addClass(activeClass);
102			}
103		});
104
105	}
106
107})(jQuery);