這一篇,應小熊爸的需求 PO 上來,這個功能的好處是,每一個網頁呈現的字體大小不一定都會相同,如果每次都要從 IE 功能表選擇調整字體大小又嫌麻煩,這時候如果網頁頁面上可以直接「點一下」就改變大小就很方便囉!
將下面這一段程式碼複製並貼到到公告版位:
<script language="javascript">
//Specify affected tags. Add or remove from list:
var tgs = new Array( 'div','td','tr');
//Specify spectrum of different font sizes:
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 1;
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 ];
}
}
</script>
<a href="javascript:ts('body',1)"><font color="red">+ 加大字體</font></a> |
<a href="javascript:ts('body',-1)"><font color="red">- 縮小字體</font></a><br>