javascript 改变字体大小方法集合 原创

第一种方法： 分为 大 中 小 控制正文字体大小，一般需要指定 id








#content {font-size:12px;
line-height:200%;
padding:10px;
}


function setfont(size)
{
var obj;
obj=document.getElementById("content");
obj.style.fontSize=size;
//obj.style.color="#ff0000";
}


字体: 小中大

脚本之家 www.jb51.net 欢迎大家的光临。


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
第二种方法，用的不多，有特殊需要的可以用。这个是设置body中所有的大小设置，不如上面的代码就控制正文的字体大小。大家可以根据自己的需要选用。注意多测试。


var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}


.tabfont{font-size:12px}


+ 放大字体 | + 减小字体



脚本之家 www.jb51.net 这个是设置body中所有的大小设置，不如上面的代码就控制正文的字体大小。大家可以根据自己的需要选用。注意多测试。



[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第三种方法： 只有增加 减小 两种方法，不过很实用，本站也是用的这种方法








#content {font-size:12px;
line-height:200%;
padding:10px;
}


//更改字体大小
var status0='';
var curfontsize=10;
var curlineheight=18;
function turnsmall(){
if(curfontsize>10){
document.getElementById('art_content').style.fontSize=(--curfontsize)+'pt';
document.getElementById('art_content').style.lineHeight=(--curlineheight)+'pt';
}
}
function turnbig(){
if(curfontsize