.msg{width:300px; height:auto; margin:0 auto; border:1px solid #000;} 
            .msg_caption{height:40px; line-height:40px; text-align:center; background:#999;} 
         
         
         
            $(function(){ 
                $("button").click(function(){ //為button綁定單擊事件 
                    var thisEle=$("#para").css("font-size");//獲取id為para元素的字體,獲取到的是將返回?cái)?shù)值和單位 
                    var textFontSize=parseInt(thisEle,10);//用parseInt方法去掉單位 
                    var unit=thisEle.slice(-2);//獲取單位，slice()方法返回字符串中從指定的字符開始的一個(gè)子字符串，這里使用的質(zhì)量單位是px,兩個(gè)字符，所以從倒數(shù)第二個(gè)開始 
                    var cName=$(this).attr("class"); 
                    if(cName=="bigger"){//判斷是bigger還是smaller，確定增量或減量 
                        if(textFontSize<=22){//判斷最大字體，避免無限放大 
                            textFontSize+=2; 
                        } ; 
                    }else if(cName=="smaller"){ 
                        if(textFontSize>=12){//判斷最小字體，避免無限縮小 
                            textFontSize-=2; 
                        };  
                    }; 
                    $("#para").css("font-size",textFontSize+unit);//再次獲取para元素并為它的font-size屬性賦予新的值，一定要拼接上單位 
                }) 
            }) 
         
     
     
         
             
                放大 
                縮小