js动态修改网页文字字号大小的代码

　　网页WEB中所显示的文字，由于不同的浏览者的视力及阅读习惯都不一样，因此，相同的字号大小，是无法满足不同浏览者的视觉需求的。

　　那么，我们如何才能实现，让浏览者自动控制，即增大或减小所浏览的网页中的文字的字号的大小呢？方法如下，仅需要简单代码。

　　①将如下代码放在Head之后Body之前

　　<style>
　　#content {font-size:12px;
　　line-height:200%;
　　padding:10px;
　　}
　　</style>
　　<script language="javascript">
　　//更改字体大小
　　var status0='';
　　var curfontsize=10;
　　var curlineheight=18;
　　function turnsmall(){
　　if(curfontsize>10){
　　document.getElementById('art_content').style.fontSize=(--curfontsize)+'pt';
　　document.getElementById('art_content').style.lineHeight=(--curlineheight)+'pt';
　　}
　　}
　　function turnbig(){
　　if(curfontsize<30){
　　document.getElementById('art_content').style.fontSize=(++curfontsize)+'pt';
　　document.getElementById('art_content').style.lineHeight=(++curlineheight)+'pt';
　　}
　　}
　　</script>

　　②Body区域中的对象及文字

　　您可以这样做：<a href="javascript:turnbig()">增大字号</a> ↑<a href="javascript:turnsmall()">减小字号</a>↓
　　<div id="art_content">
　　看看吧，这里就是能改变字号大小的文章
　　</div>

　　将如上的两种代码，复制粘贴到您的Web测试页中的相应位置，即可出效果，经过本站测试，没有错误。

Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18