WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

控制字体大小JS代码

更新时间:2013-04-04 13:07 作者:佚名点击:
<script>
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
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>
<style>
.tabfont{font-size:12px}
</style>
<body>
<a href="javascript:ts('body',1)">+ 放大字体</a> | <a
href="javascript:ts('body',-1)">+ 减小字体</a><br><br>
<b>Javascript:</b><br><br>
<table align=center><tr><td class=tabfont>
var tgs = new Array( 'div','td','tr');<br>
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );<br>
var startSz = 2;<br>
function ts( trgt,inc ) {<br>
if (!document.getElementById) return<br>
var d = document,cEl = null,sz = startSz,i,j,cTags;<br>
sz += inc;<br>
if ( sz < 0 ) sz = 0;<br>
if ( sz > 6 ) sz = 6;<br>
startSz = sz;<br>
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];<br>
cEl.style.fontSize = szs[ sz ];<br>
for ( i = 0 ; i < tgs.length ; i++ ) {<br>
cTags = cEl.getElementsByTagName( tgs[ i ] );<br>
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];<br>
}<br>
}<br>
</td></tr>
</table>
<p><a href="http://www.wd1x.com" target="_blank">电脑软硬件应用网</a></p>
</body>
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容