jq设置html的fontsize,jQuery动态修改字体大小的方法【测试可用】 | 您所在的位置:网站首页 › 怎么用jquery改变文字大小 › jq设置html的fontsize,jQuery动态修改字体大小的方法【测试可用】 |
本文实例讲述了jQuery动态修改字体大小的方法。分享给大家供大家参考,具体如下: 运行效果截图如下: 完整代码如下: * { margin:0; padding:0; } .msg {width:300px; margin:100px; } .msg_caption { width:100%; overflow:hidden; margin-bottom:1px;} .msg_caption span { display:block; float:left; margin:0 2px; padding:4px 10px; background:#898989; cursor:pointer;font-size:12px;color:white; } .msg textarea{ width:300px; height:80px;height:100px;border:1px solid #000;} $(function(){ $("span").click(function(){ var thisEle = $("#para").css("font-size"); var textFontSize = parseFloat(thisEle , 10); var unit = thisEle.slice(-2); //获取单位 var cName = $(this).attr("class"); if(cName == "bigger"){ if( textFontSize if( textFontSize >= 12 ){ textFontSize -= 2; } } $("#para").css("font-size", textFontSize + unit); }); }); 放大 缩小 人生若只如初见,何事秋风悲画扇。 等闲变却故人心,却道故人心易变。 骊山语罢清宵半,泪雨霖铃终不怨。 何如薄幸锦衣郎,比翼连枝当日愿。 希望本文所述对大家jQuery程序设计有所帮助。 |
CopyRight 2018-2019 实验室设备网 版权所有 |