js簡單實現(xiàn)調(diào)整網(wǎng)頁字體大小的方法
更新時間：2016年07月23日 11:24:34 作者：coder
這篇文章主要介紹了js簡單實現(xiàn)調(diào)整網(wǎng)頁字體大小的方法,通過javascript動態(tài)修改頁面元素樣式實現(xiàn)調(diào)整網(wǎng)頁字體的功能,非常簡單實用,需要的朋友可以參考下
本文實例講述了js簡單實現(xiàn)調(diào)整網(wǎng)頁字體大小的方法。分享給大家供大家參考，具體如下：
//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>
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了jquery單行文字向上滾動效果的具體實現(xiàn)，此效果適應(yīng)于很多場景，會的不會的都要學(xué)習(xí)下啊2014-09-09
老生常談JavaScript面向?qū)ο蠡A(chǔ)與this指向問題
下面小編就為大家?guī)硪黄仙Ｕ凧avaScript面向?qū)ο蠡A(chǔ)與this指向問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
Storage、cookie的用途和優(yōu)缺點(diǎn)比較
cookie的大小是受限制的，并且每次請求cookie都會被發(fā)送，浪費(fèi)寬帶，cookie還需要指定作用域，不可以跨域調(diào)用。cookie的作用是與服務(wù)器進(jìn)行交互，作為http規(guī)范的一部分存在，而webstorage僅僅是為了本地“存儲”數(shù)據(jù)而生。2023-07-07
這篇文章主要介紹了Redux的基本使用過程詳解,本文通過示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-12-12
JavaScript實現(xiàn)實時更新系統(tǒng)時間的實例代碼
本文給大家分享javascript實現(xiàn)實時更新系統(tǒng)時間的實例代碼，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-04-04
bootstrap基礎(chǔ)知識學(xué)習(xí)筆記
這篇文章主要針對bootstrap基礎(chǔ)知識為大家整理了詳細(xì)的學(xué)習(xí)筆記,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
比JSON.stringify快兩倍的fast-json-stringify性能對比分析
這篇文章主要為大家介紹了比JSON.stringify快兩倍的fast-json-stringify性能對比分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
本篇文章主要介紹了webpack打包node.js后端項目的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
某人初學(xué)javascript的時候?qū)懙膶W(xué)習(xí)筆記
JavaScript對象就是一組屬性（方法）的集合 在該語言中如果變量名或方法名不符合聲明規(guī)范，則一定得用方括號“ [] ”引用它2010-12-12
本文為大家介紹下使用setTimeout自動觸發(fā)一個js，具體實現(xiàn)如下，喜歡的朋友可以學(xué)習(xí)下2014-01-01