返回首页 | 一键访问 | 收藏本站 | 免费素材分享QQ群:1023538014

当前位置:首页 > JS代码 > 文字代码 > jquery实现文字无限放大缩小代码
下载地址

jquery实现文字无限放大缩小代码

jquery实现文字无限放大缩小代码,由于为了使页面美观,所以限制了最大字号为20px,最小字号为12px!

$(function(){
		$(".contenth2a").click(function(){
			varthisEle=$("#articlep").css("font-size");//获取当前字体大小
			vartextFontSize=parseInt(thisEle);//把当前字体大小转换为整数
			varclassName=$(this).attr("class");
			if(className=="bigger"){
					textFontSize+=1;
			}elseif(className=="smaller"){
					textFontSize-=1;
			}
			if(textFontSize>20||textFontSize<12){returnfalse;}//控制字体大小范围
			$("#articlep").css("font-size",textFontSize+"px");//赋值
		});
	});

jquery实现文字无限放大缩小代码

«
»
花米素材免费素材网