$(function(){ $(".content h2 a").click(function(){ var thisEle = $("#article p").css("font-size"); //获取当前字体大小 var textFontSize = parseInt(thisEle);//把当前字体大小转换为整数 var className = $(this).attr("class"); if(className == "bigger"){ textFontSize += 1; }else if(className == "smaller"){ textFontSize -= 1; } if(textFontSize>20||textFontSize<12){return false;}//超出指定字体大小,停止运行 $("#article p").css("font-size",textFontSize+"px" );//赋值 }); });
<div class="content"> <h2> <span><a href="javascript:;" class="bigger" title="加大字体"><img src="images/zoomin.gif" width="16" height="16"></a> <a href="javascript:;" class="smaller" title="缩小字体"><img src="images/zoomout.gif" width="16" height="16"></a></span> 给你的生活找点乐子 </h2> <div id="article"> <p>1、我放了个屁,于是四位导师都为我转了身!那英:你的屁很好听!是我想要的,可是,在第一个转音的时候气息稍显不足!来我的队里,我教你怎么放屁!阿妹:我就是需要你这样的屁,欢迎加入阿妹饭么哩!什么都不用管,你还是可以这样放屁!哈林:哇!不管他选不选我,我只想转过来看看他这个人,他的屁太恐怖了!汪峰:你的屁里面, 好像有什么故事, 来说说, 你中午到底吃了什么?</p> <p>2、一日,鲁迅走在大街上,忽然一个男的拍了他的肩膀一下,说:“迅哥,你还记得我吗?”鲁迅想不起来,便问“你是?”那个男的说“你难道忘了啊,深蓝的天空中挂着一轮金黄的圆月,下面是海边的沙地,都种着一望无际的碧绿的西瓜。其间有一个十一二岁的少年,项带银圈,手捏一柄钢叉,向一匹猹尽力地刺去,那猹却将身一扭,反从他的胯下逃走了。”“闰土!你是闰土!”那个男的说“不,我是猹。”“那闰土呢”“闰土tmd上街卖瓜 被人用秤砣敲死了”</p> <p>3、前天中午,领导突然关切地问:你有女朋友吗。我憨笑着说还没有。领导严肃地说:“反正你也没女朋友,晚上留下来加个班。”今天中午,领导又关切地问:你有女朋友吗。我想了想说:“呵呵,昨天刚谈了一个。”领导又严肃地说:“既然你都有女朋友了,也用不着满大街去找了,晚上留下来加个班。” </p> </div> </div>