js简单实现调整网页字体大小的方法

2019-11-20 09:25:38

字体：大中小

来源：转载

供稿：网友

本文实例讲述了js简单实现调整网页字体大小的方法。分享给大家供大家参考，具体如下：

//var tgs = new Array('div','td','tr');var tgs = new Array('td','tr');//Specify spectrum of different font sizes://var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );var szs = new Array( '10px','12px','14px','16px','18px','20px','22px' );var startSz = 2;function tsize( trgt,inc ) {  if (!document.getElementById)  {    return  }  var d = document,cEl = null,sz = startSz,i,j,cTags;  //sz += inc;  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 ];    }  }}

使用方法：

<td width="13"><a href="javascript:tsize('body',0)"><img src="../image/fsize1of.gif"name="fsize1" width="18" height="14" border="0" id="fsize1"onMouseOver="MM_swapImage('fsize1','','../image/fsize1on.gif',1)"onMouseOut="MM_swapImgRestore()"></a></td>

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：基于jQuery实现多标签页切换的效果(web前端开发)

下一篇：jquery实现ajax加载超时提示的方法