可选网页文字大小代码

此代码仅供参考

---

代码说明

可以让访客自己选择字体大小。

使用方法： 把要控制的内容放在代码里<div id="content">和</div>之间，修改 javascript:doZoom(12) 中的数字"12"可修改字体大小。

---

html代码

<style type="text/css"> <!-- body {font-size:16px} #selectFontSize a{border:1px solid blue;} --> </style> <script type="text/javascript"> function doZoom(size) { var content = document.all ? document.all['content'] : document.getElementById('content'); content.style.fontSize = size + 'px'; } </script> 字体大小:<span id="selectFontSize"><a href="javascript:doZoom(12)">小</a> <a href="javascript:doZoom(16)">中</a> <a href="javascript:doZoom(24)">大</a></span> <br/><br/> <div id="content">看下我变了有木有！！</div>

---

代码演示

字体大小:小 中 大

---

---