jQuery之字体大小的设置方法
先获取字体大小,进行处理。
再将修改的值保存。
slice() 方法可从已有的数组中返回选定的元素。
arrayObject.slice(start,end)。
start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
jQuery代码如下:
<script type="text/javascript">
$(function(){
$("span").click(function(){
//获取para的字体大小
var thisEle = $("#para").css("font-size");
//parseFloat的第二个参数表示转化的进制,10就表示转为10进制
var textFontSize = parseFloat(thisEle , 10);
//javascript自带方法
var unit = thisEle.slice(-2); //获取单位
var cName = $(this).attr("class");
if(cName == "bigger"){
textFontSize += 2;
}else if(cName == "smaller"){
textFontSize -= 2;
}
//设置para的字体大小
$("#para").css("font-size", textFontSize + unit );
});
});
</script>
html代码如下:
<body><div class="msg">
<div class="msg_caption">
<span class="bigger" >放大</span>
<span class="smaller" >缩小</span>
</div>
<div>
<p id="para" >
This is some text. This is some text. This is some text. This is some text. This
is some text. This is some text. This is some text. This is some text. This is some
text. This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text. This
is some text. This is some text.
</p>
</div>
</div></body>
您可能感兴趣的文章:
- jQuery之字体大小的设置方法
- IOS开发的字体大小设置有几种方法
- jQuery实现自动调整字体大小的方法
- jQuery实现切换字体大小的方法
- QT的QMessageBox使用方法(设置字体大小,颜色等)
- sublime text3 字体大小的设置方法
- iOS开发webView设置字体大小的方法
- jQuery动态修改字体大小的方法【测试可用】
- 源码推荐(7.15):重写UIFont方法 设置字体格式以及大小,可重用的水平滚动scrollView列表 极致性能优化
- TextView设置不同的字体颜色大小的方法
- eclipse的设置代码字体大小、同变量或者方法被双击后显示颜色、每行显示代码字数
- jQuery之字体大小的设置
- Android 一个TextView中设置文字不同字体大小和颜色的最完整方法
- jquery实现实时改变网页字体大小、字体背景色和颜色的方法
- JavaScript 控制字体大小设置的方法
- putty 设置字体和大小方法
- 两种解决修改android手机设置中字体大小后系统布局混乱的方法
- jQuery之字体大小的设置
- Jquery 设置字体大小(font-size)与行高(line-height)
- Android TextView 设置字体大小的方法