jQuery之字体大小的设置方法_教程

本篇文章主要是对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

}else

if(cName

"smaller"){

textFontSize

}

//设置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>

id="para"

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

This

some

text.

</p>

</div>

</body>

默认情况下，navbar按钮字体较小，那么如何自定义navbar字体大小呢

很简单，只需要在我们的样式表中加入：

.ui-navbar .ui-btn-text { font-size: 字体大小}

最终效果：

.ui-navbar .ui-btn-text { font-size: 30px}//这里为了要演示效果，设置较大

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/tougao/11086004.html

jQuery之字体大小的设置方法

发表评论

评论列表（0条）