javascript 改变字体大小方法集合原创

时间：2021-07-12 13:30:32|栏目：JavaScript代码|点击：次

第一种方法：分为大中小控制正文字体大小，一般需要指定 id

第二种方法，用的不多，有特殊需要的可以用。这个是设置body中所有的大小设置，不如上面的代码就控制正文的字体大小。大家可以根据自己的需要选用。注意多测试。

第三种方法：只有增加减小两种方法，不过很实用，本站也是用的这种方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <htmL> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <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<28){ 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> </body> </htmL>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：面向对象的javascript（笔记）

栏目：JavaScript代码

下一篇：基于bootstrap风格的弹框插件

本文标题：javascript 改变字体大小方法集合原创

本文地址：http://www.codeinn.net/misctech/156363.html

更多JavaScript代码

JavaScript代码

javascript 改变字体大小方法集合原创

阅读排行

推荐教程

JavaScript代码

javascript 改变字体大小方法集合 原创

阅读排行

推荐教程

javascript 改变字体大小方法集合原创