字体大、中、小字号选择，实时调整网页字体大小

发布时间：2018-08-17 22:34 所属栏目：121 来源：站长网

导读：你是不是要找：调整网页字体大

　　字体大、中、小字号选择，实时调整网页字体大小你是不是要找：调整网页字体大小、把网页上的字变大一些？

　　实时调整网页上字体大小功能的JavaScript代码，给浏览者更多的选择，字体的大小让用户去控制，有助于提升你网站的用户体验。

　　说明：此方法有别于之前发布的“字体大中小代码字号缩放代码”，点击链接后，当前字号则不显示链接。

<!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"> <head> <title>字体大中小字号选择的另一种方法</title> <style type="text/css">  </style> <SCRIPT type=text/javascript> function $(xixi) { return document.getElementById(xixi); } //转换字号 function doZoom(size){ if(size==12){ $("contentText").style.fontSize = size + "px"; $("fs12").style.display = ""; $("fs14").style.display = "none"; $("fs16").style.display = "none"; } if(size==14){ $("contentText").style.fontSize = size + "px"; $("fs12").style.display = "none"; $("fs14").style.display = ""; $("fs16").style.display = "none"; } if(size==16){ $("contentText").style.fontSize = size + "px"; $("fs12").style.display = "none"; $("fs14").style.display = "none"; $("fs16").style.display = ""; } } </SCRIPT> </head> <body> <DIV class=fontSize id=fs12 style="DISPLAY: none"><A href="javascript:doZoom(16)">大</A> <A href="javascript:doZoom(14)">中</A> <SPAN>小</SPAN></DIV> <DIV class=fontSize id=fs14><A href="javascript:doZoom(16)">大</A> <SPAN>中</SPAN> <A href="javascript:doZoom(12)">小</A></DIV> <DIV class=fontSize id=fs16 style="DISPLAY: none"><SPAN>大</SPAN> <A href="javascript:doZoom(14)">中</A> <A href="javascript:doZoom(12)">小</A></DIV> <br /><br /> <DIV id=contentText>烈火下载频道提供各类编程源码、素材、书籍教程、网页特效代码以及常用软件下载。</DIV> <p>说明：此方法有别于之前发布的<a href="http://www.veryhuo.com/a/view/36413.html" target="_blank">字体大中小代码字号缩放代码</a>，点击链接后，当前字号则不显示链接。</p> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）