這一篇,應小熊爸的需求 PO 上來,這個功能的好處是,每一個網頁呈現的字體大小不一定都會相同,如果每次都要從 IE 功能表選擇調整字體大小又嫌麻煩,這時候如果網頁頁面上可以直接「點一下」就改變大小就很方便囉!

fontsize.jpg 

將下面這一段程式碼複製並貼到到公告版位:

<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>

 

 

arrow
arrow
    全站熱搜

    Kay 發表在 痞客邦 留言(23) 人氣()