php设置文字大小、,JavaScript_jQuery之字体大小的设置方法，先获取字体大小，进行处理。 - phpStudy...

jQuery之字体大小的设置方法

先获取字体大小，进行处理。

再将修改的值保存。

slice() 方法可从已有的数组中返回选定的元素。

arrayObject.slice(start,end)。

start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。

end   可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

jQuery代码如下：

$(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 );

});

});

html代码如下：

放大

缩小

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.

相关阅读:

基于Java代码实现支付充值的通用流程

微软推送了Win10 Mobile预览版10536快速版配置更新

Win8 IE浏览器如何查看历史记录有哪些方法

JavaScript实现简单的拖动效果

jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮

php环境下利用session防止页面重复刷新的具体实现

DIV设置 float以后使下一个DIV另起一行的方法

ORA-28002 Oracle 11g存在密码过期问题解决方案

win10手机正式版什么时候发布 win10手机正式版发布时间

sql server 2000管理单元初始化失败的解决方法

win10获取会员版本是灰色情况的解决方法介绍

Android View如何绘制

JS判断两个时间大小的示例代码

java开发微信分享到朋友圈功能