Javascript字体特效--字体大中小-优快云博客

本文链接：https://blog.youkuaiyun.com/u010202304/article/details/44061765

经常在一些文章或新闻的详细内容页上，看到有"设置字体大小"这一设置，。其实原理很简单，是通过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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>设置字体大小</title>
</head></p><p><body>
<script type="text/javascript">
    function doZoom(size) {
        var zoom = document.all ? document.all['Zoom'] : document.getElementById('Zoom');
        zoom.style.fontSize = size + 'px';
    }
</script>
字体大小:<a href="javascript:doZoom(12)">小</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(20)">大</a>
<br /><br />
<div id="Zoom">岱宗夫如何？齐鲁青未了。</br>造化钟神秀，阴阳割昏晓。</br>荡胸生曾云，决眦入归鸟。</br>会当凌绝顶，一览众山小。</div>
</body>
</html>