«
»

调整网页字体大小的代码

September 9th, 2008

觉得现在使用的Garland Theme字体太小，我的右眼视力5.1，左眼4.8，这是毕业体检的时候测的，有的时候待在电脑前的时间太长了然后看网页会很吃力，我相信很多经常上网的朋友视力比我的要糟糕吧，呵呵

在网上找了一段可以调整文章字体大小的代码，用上了，大家可以点击“小”“大”试试，很纳闷，在Firefox下这段代码不起作用，谁能告诉我这是为什么？或者提供给我一段更好的代码？

先在网页里面添加如下代码：

  1. <script language=JavaScript>
  2. 　　//更改字体大小
  3. 　　var status0='';
  4. 　　var curfontsize=10;
  5. 　　var curlineheight=18;
  6. 　　function fontZoomA(){
  7. 　　 if(curfontsize>8){
  8. 　　 document.getElementById('fontzoom').style.fontSize=(--curfontsize)+'pt';
  9. 　　 document.getElementById('fontzoom').style.lineHeight=(--curlineheight)+'pt';
  10. 　　 }
  11. 　　}
  12. 　　function fontZoomB(){
  13. 　　 if(curfontsize<64){
  14. 　　 document.getElementById('fontzoom').style.fontSize=(++curfontsize)+'pt';
  15. 　　 document.getElementById('fontzoom').style.lineHeight=(++curlineheight)+'pt';
  16. 　　 }
  17. 　　}
  18. </script>

然后在想放大的文字内容添加如下标签

  1. <font id=fontzoom>...</font>

最后一步就是再把下面这段代码放到你觉得合适的地方

  1. 【字体：<a href="javascript:fontZoomB();">大</a> <a href="javascript:fontZoomA();">小</a> 】

作者： | 分类: 博客世界 | 标签: | 浏览: 673

Comments are closed.