(function($){ $(function(){ fontsizeChange(); }); function fontsizeChange(){ var changeArea = $(".changeArea"); //フォントサイズ変更エリア var btnArea = $("#fontsize"); //フォントサイズ変更ボタンエリア var changeBtn = btnArea.find(".changeBtn"); //フォントサイズ変更ボタン var fontSize = [120,100]; //フォントサイズ(HTMLと同じ並び順、幾つでもOK、単位は%) var ovStr = "_ov"; //ロールオーバー画像ファイル末尾追加文字列(ロールオーバー画像を使用しない場合は値を空にする) var activeClass = "active"; //フォントサイズ変更ボタンのアクティブ時のクラス名 var defaultSize = 1; //初期フォントサイズ設定(HTMLと同じ並び順で0から数値を設定) var cookieExpires = 7; //クッキー保存期間 var sizeLen = fontSize.length; var useImg = ovStr!="" && changeBtn.is("[src]"); //現在クッキー確認関数 function nowCookie(){ return $.cookie("fontsize"); } //画像切替関数 function imgChange(elm1,elm2,str1,str2){ elm1.attr("src",elm2.attr("src").replace(new RegExp("^(\.+)"+str1+"(\\.[a-z]+)$"),"$1"+str2+"$2")); } //マウスアウト関数 function mouseOut(){ for(var i=0; i"),elm,"",ovStr); } elm.addClass(activeClass); } //ホバーイベント(画像タイプ) if(useImg){ changeBtn.each(function(i){ var self = $(this); self.hover( function(){ if(nowCookie()!=fontSize[i]){ imgChange(self,self,"",ovStr); } }, function(){ mouseOut(); }); }); } //クリックイベント changeBtn.click(function(){ var index = changeBtn.index(this); var self = $(this); cookieSet(index); sizeChange(); if(useImg){ mouseOut(); } if(!self.hasClass(activeClass)){ changeBtn.not(this).removeClass(activeClass); self.addClass(activeClass); } }); } })(jQuery);