当前位置：首页 > 网页特效 > 文字特效 >

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下无效。

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

网页特效

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

文字特效下载排行

最新文章