字体大中小代码&字号缩放

发表日期：2015-09-24 文章编辑：南昌开优网络浏览次数：3919 标签：CSS

<!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.kaiu.com" target="_blank">开优网络</a></p>
</body>
</html>

返回列表

上一篇：JS实现文字上下滑动导航下一篇：在网页插入优酷视频,总是浮在最上层解决方...