js简单实现调整网页字体大小的方法
本文实例讲述了js简单实现调整网页字体大小的方法。分享给大家供大家参考,具体如下:
//vartgs=newArray('div','td','tr'); vartgs=newArray('td','tr'); //Specifyspectrumofdifferentfontsizes: //varszs=newArray('xx-small','x-small','small','medium','large','x-large','xx-large'); varszs=newArray('10px','12px','14px','16px','18px','20px','22px'); varstartSz=2; functiontsize(trgt,inc){ if(!document.getElementById) { return } vard=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]; } } }
使用方法:
<tdwidth="13"> <ahref="javascript:tsize('body',0)"> <imgsrc="../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程序设计有所帮助。