js改变网页字体的大小

Else , 2008/10/27 11:29 , 网络的事 , 评论(0) , 阅读(1603) , Via 本站原创

代码：

复制代码 | 运行代码 | 另存代码

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
//Font size control
function doZoom(size) {
document.getElementById('zoomtext').style.fontSize=size+'px';
}
</script>
</head>

<body>
<div>设置字体大小：<a href="javascript:doZoom(16);">大</a> <a href="javascript:doZoom(14);">中</a> <a href="javascript:doZoom(12);">小</a></div>
<div id="zoomtext">这个是要显示的字体大小</div>
</body>
</html>