javascript 改變字體大小方法集合原創

2019-11-21 01:18:15

字體：大中小

來源：轉載

供稿：網友

第一種方法：分為大中小控制正文字體大小，一般需要指定 id

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

第二種方法，用的不多，有特殊需要的可以用。這個是設置body中所有的大小設置，不如上面的代碼就控制正文的字體大小。大家可以根據自己的需要選用。注意多測試。

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

第三種方法：只有增加減小兩種方法，不過很實用，本站也是用的這種方法

<!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   class="iwvjtn8m0"   id="art_content"> 武林網 測試文本代碼 </div> </body> </htmL>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：javascript DOM對象的學習實例代碼

下一篇：javascript 可以拖動的DIV（二）