JS实现网页上的文字大小设置代码

时间：2013-05-29 13:46 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

<HTML>
<HEAD>
<TITLE>特定区域文字控制</TITLE>
<STYLE type=text/css>
BODY {
	MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
}
A {
	FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline
}
A:active {
	FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033
}
.STYLE1 {
	font-size: 40px;
	font-family: "华文行楷";
	color: #990000;
}
.STYLE2 {
	font-size: 30px;
	font-weight: bold;
	font-family: "黑体";
	color: #0000FF;
}
</STYLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<CENTER>
  <span class="STYLE1">特定区域文字控制</span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#993399 border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle><div align="center"><span class="STYLE2">效果显示</span></div></TD>
  </TR>
  <TR>
    <TD align=middle>
      <SCRIPT language=JavaScript>
function doZoom(size){
document.getElementById('zoom').style.fontSize=size+'px'
}
</SCRIPT>
<TABLE  style="BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid" cellSpacing=0 width=200 align=center bgColor=#93bee2 border=0>
        <TBODY>
        <TR>
          <TD style="BORDER-BOTTOM: #336699 1px solid" width="83%" 
          bgColor=#00FFFF>[<A href="javascript:doZoom(20)">大字</A> <A 
            href="javascript:doZoom(14)">中字</A> <A 
            href="javascript:doZoom(9)">小字</A>]
            <DIV></DIV></TD></TR>
        <TR bgColor=#ffffff>
  <TD id=zoom 
colSpan=2><div align="center">源码搜藏</div></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

在网页特定区域设定文字大小的实例，平时上网时候，你会看到有些大站的文章正文区域，都会出现“大号”、“中号”、“小号”的字体选择效果，大大方便了不同用户的需求，当然设置字体的时候是有限制的，代码里可以预设用户点击后应该设置的网页字体字号大小 JS实现网页上的文字大小设置代码由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/wenzi/4905.html

JS实现网页上的文字大小设置代码

网页特效