jQuery之字体大小的设置
来源:互联网 发布:淘宝单刷 编辑:程序博客网 时间:2024/06/15 00:24
http://www.cnblogs.com/jiqing9006/archive/2012/09/20/2695771.html
先获取字体大小,进行处理。
再将修改的值保存。
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>
0 0
- jQuery之字体大小的设置
- Eclipse之设置字体大小
- 设置gvim的字体大小
- 设置控件的字体大小
- HTML字体大小的设置
- 设置gvim的字体大小
- 应用字体大小的设置
- CSS3的rem设置字体大小
- CSS3的REM设置字体大小
- 设置UISegmentedControl的字体大小、颜色
- CSS3的REM设置字体大小
- Android设置APP的字体大小
- CSS3的REM设置字体大小
- CSS3的REM设置字体大小
- CSS3的REM设置字体大小
- android webview字体大小的设置
- CSS3的REM设置字体大小
- CSS3的REM设置字体大小
- DEAD LOCK AND LOCK
- JAVA isAssignableFrom 判断父子关系
- cqoi2017,bzoj4813小Q的棋盘(树形dp或瞎搞)
- get请求乱码问题....
- Intent/Bundle传递Bitmap的时候失败甚至崩溃
- jQuery之字体大小的设置
- HDU 1394 Minimum Inversion Number(线段树 || 树状数组+逆序数 )
- Android中webview拨打加载网页中的电话超链接
- 初学SpringJDBC
- JDBC基础
- 高德经纬度、百度经纬度、标准经纬度相互转换(VB.NET)
- Spring中task配文件中cron的理解链接
- PHP+Apache+MySQL整合
- [可用] java读取.properties配置文件的几种方法