jquery放大缩小文字

$(function(){

$("span").click(function(){

var theSize = $("#title").css("font-size");

var theTitleSize =parseFloat(theSize,10);//获取字体的大小

var units = theSize.slice(-2); //获取单位

var c_name = $(this).attr("class");//获取属性

if(c_name =="c_big"){//如果是放大则增大文字

if(theTitleSize <= 22){//判断大小，如果小于22px则减少

theTitleSize+=2;

}

}else if(c_name =="c_small"){//如果是缩小则缩小文字

if(theTitleSize >= 12){//判断大小，如果大于12px则减少

theTitleSize-=2;

}

}

$("#title").css("font-size",theTitleSize + units);//添加样式

});

});

#content{

width:300px;

height:450px;

background:#000000;

}

.c_big{

width:30px;

height:15px;

background:#00F;

border:1px;

margin:20px 20px;

}

.c_small{

width:30px;

height:15px;

background:#00F;

border:1px;

margin:10px 20px;

}

#title{

color:#FFFFFF;

}