Javascript字体特效--字体大中小

来源：互联网发布：数据整合平台intouch 编辑：程序博客网时间：2024/05/03 16:29

经常在一些文章或新闻的详细内容页上，看到有"设置字体大小"这一设置，。其实原理很简单，是通过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>

0 0