网站导航：网学原创论文原创专题网站设计最新系统原创论文论文降重发表论文论文发表 UI设计定制论文答辩PPT格式排版期刊发表论文专题

当前位置：网学 > 设计资源 > 实用代码片段 > 正文

js控制页面字体大小

来源：http://myeducs.cn 联系QQ：

点击这里给我发消息

作者：用户投稿发布时间： 09/03/05

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

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇资讯： CSS分页符代码

下一篇资讯：页面loading效果之一

相关资讯

网学推荐

·提供系统开发和运行服务

·提供原创参考资料

·档案托管服务

·原创参考论文导航

·查重服务维普检测低于30%

·我们提供原创参考论文和原创的参

·原创的论文资料参考节省时间！

·论文格式排版格式核对！

·UI设计定制、界面设计

·程序和网站等UI设计定制！

·原创参考论文参考定制！

·职称和论文发表,可联系业务我们

·本科毕业设计(论文)答辩指南

·程序制作专家

·定做论文，定作论文,QQ:3710167

·程序设计,程序定做,程序开发,程序

原创论文

·论文选题-查重参考论文

·参考论文大全

·电气工程及其自动化

·电子信息工程

·公共关系学

·公共事业管理

·公路交通运输

文章排行榜

· 多行滚动jQuery循环新闻列表代码

· 仿51job.com城市选择框特效

· 带1234的表格换色

· JS控制图片滚动的效果

· Flash饼状图工具

· 类似51job上的地区选择效果

· 类似QQ首页的无刷新换肤切换样式

· QQ频道单行多条信息滚动代码

· js控制页面字体大小

· 3个最常用的JS时间特效

· 给展示的图片加上工具栏

· 带控制按钮的jQuery滚动代码

· 单行jQuery循环滚动新闻代码

· CSS左右两列自适应高

· 字号缩放代码

· 考验你的心算能力

· 选择大类，小类变灰

· 友好的表格效果

设为首页 | 加入收藏 | 网学首页 | 原创论文 | 计算机原创

版权所有网学网 [Myeducs.cn] 您电脑的分辨率是像素
Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号常年法律顾问：王律师