码迷,mamicode.com
首页 > 其他好文 > 详细

字体大小控制

时间:2014-11-06 14:47:15      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   java   div   on   log   

<!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" />
<style type="text/css">
<!--
body {font-size:14px}
-->
</style>
<title>字体大中小代码&字号缩放代码-懒人图库</title>
</head>

<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(16)">大</a>
<br /><br />
<div id="Zoom">懒人图库 学会偷懒,并懒出境界是提高工作效率最有效的方法!</div>
<br />
<p>查找更多代码,请访问:<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
</body>
</html>

  

字体大小控制

标签:style   blog   http   io   ar   java   div   on   log   

原文地址:http://www.cnblogs.com/hellman/p/4078612.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!