当前位置: 代码迷 >> Web前端 >> 最简略的改变字体大小代码
  详细解决方案

最简略的改变字体大小代码

热度:5   发布时间:2012-08-29 08:40:14.0
最简单的改变字体大小代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>最简单的改变字体大小代码</title>
<SCRIPT type=text/javaScript>
function doZoom(size){
document.getElementById('zoom').style.fontSize=size+'px'}
</SCRIPT>
</head>
<body>
<p>字体:
<A href="javascript:doZoom(18)">大</A> 
<A href="javascript:doZoom(14)">中</A> 
<A href="javascript:doZoom(12)">小</A>
<span id="zoom" style="font-size:14px;"> 
<p>最简单的改变页面字体大小代码</p>
<p>简简单单的的几行代码实现改变页面字体大小</p>
</span>
</div>
</body>
</html>