简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

js字体大小

来源:易贤网   阅读:901 次  日期:2014-10-09 12:12:06

温馨提示:易贤网小编为您整理了“js字体大小”,方便广大网友查阅!

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

</body>

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:数字转换为大写人民币
下一篇:仿qq下拉表
易贤网手机网站地址:js字体大小
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!