js控制页面字体大小

分类 : 代码案例

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>

<p><a href="http://www.css5.net" target="_blank">css5</a></p>

</body>


分类: 代码案例    访问() .NET技术    Web前端    JAVA开发    HTML基础    数据库    CSS基础    电脑知识   
CSS教程-web前端教程-免费教程
HTML教程-web前端教程-免费教程


分类

.NET技术 Web前端 JAVA开发 HTML基础 数据库 CSS基础 电脑知识

随机阅读

使用wincc C脚本查找窗口句柄的方法
ASP.NET第一次访问慢的解决方法(MVC,Web Api)
html文本框控件的常用属性、事件和方法
代码中空格的使用规范
如何给视频加字幕 - 爱剪辑在线教程
oracle数据库模糊查询匹配多个字符串
oracle sql like多个条件函数
oracle字段like多个条件
上海有什么好玩的地方?
html入门网页制作 零基础学习网页制作,从何学起

最新

零基础学习C语言,怎么入门?
C语言使用什么软件?
c语言用什么软件编写(新手c语言基础知识入门)
Oracle如何实现like多个值的查询
Oracle如何实现like多个值的查询 - 数据库
oracle 多个like条件查询
Oracle中关键字like的使用总结
oracle 中模糊查询对like的代替insrt()函数
oracle数据库模糊查询匹配多个字符串
Oracle如何实现like多个值的查询 - Oracle - 服务器

推荐阅读

vscode----vue中HTML代码tab键自动补全
html如何实现鼠标悬停显示文字,鼠标移走文字消失。
c语言中break语句的作用
C#语言之“string格式的日期时间字符串转为DateTime类型”
undefined是什么意思啊
DIV CSS字体(font-family)实现字体样式设置
AirPods怎么删除配对过的设备 airpods可以和电脑连接的
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
risk-taking中文是什么意思
C语言程序中break是什么意思?

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16