网页字体大小调整代码功能演示

2013-3-20 chenmo 网站建设

先收着,以后要用上的。

<html>
<head>
<title>字体大小切换</title>
<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
</head>
<body>
<span id="zoom">这段文字的大小是可以控制的哦,点击对应字号即可改变。</span>
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>
</body>
</html>
可以改善用户体验,可用于日志文章内容文字大小。

标签: 网页设计 字体大小

Powered by emlog 湘ICP备13007859号 空间由景安网络赞助