本篇文章主要是对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
大概是这样吧:
script
$("font").each(function (i) {
if($(this).attr("align") =='center'){
$(this).attr("align","justify");
} else if($(this).attr("align") == undefined) {
$(this).contents().unwrap();
}
});
/script
这个你得看红色的字体是通过font来设置的还是css来设置的,红色的表示颜色有red,#f00,#ff0000,可以判断起属性来获取。以red为例1、获取用font来设置的字体fontcolor=red字体演示/fontvarf=$('font[color=red]').text();2、获取通过css来设置的字体divclass=fff字体演示/divif($('div').hasClass('fff')){varf=$(this).text();}
if(screen.width720pxscreen.width480px)
{
font-size:18px;
}
else if(screen.width320pxscreen.width480px)
{
font-size:16px;
}
首先判断屏幕宽度,根据不同的宽度加载不同的css样式,望采纳!
var
str
=
document.getelementbyid("id");
str.style.fontweight="bold";//加粗
str.style.fontweight="normal";//取消加粗
点击的时候先判断一下当前状态,然后替换状态就可以了。
style
#box{
font-size:14px;
}
#box h1{
font-size:20px;
}
/style
div id="box"
h1你好/h1
p你好/p
/div
使用css()方法来获取css属性的值。css()方法允许两个参数,如果一个参数的话就是获取该css属性的值,如果两个参数就是设置css属性值为第二个参数。
所以,你可以类似这样操作:
var h1Size = parseFloat( $("#boxh1").css("fontSize") ) + 4; // 20 +4
$("#boxh1").css({
fontSize: h1Size+ "px"
});
当然,要让#box里所有的标签的文字都增加4px,这个你就要遍历,并且依次相加了。具体代码就不贴了。