文章字体大小切换


很多网页都有这样的功能,在页面的某一个位置会有三个按钮,点击以后可以设置字体的大小,算是一个比较人性化的举措,因为可以满足不同人群的需要和喜好,下面就通过简单的代码实例介绍一下如何实现此效果。

js:

<script type=text/javaScript>
function doZoom(size){
document.getElementById('zoom').style.fontSize=size+'px'}
</script>

html:

字体:<a href="javascript:doZoom(18)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>
<p id="zoom" >{dede:field.body/}</p>