本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答
