动态设置页面字大小

以下本博客程序为例,实现代码如下:

1.脚本代码:
<script language="javascript">
function SetFont(size){
    document.getElementById("logPanel").style.fontSize=size
}
</script>

2.在页面中加入一名为logPanel的标签:
<div id="logPanel">这中间的文字大小将被任意改变。</div>

3.放置链接:
字体大小: <a href="javascript:SetFont('12px')" accesskey="1">小</a> <a href="javascript:SetFont('14px')" accesskey="2">中</a> <a href="javascript:SetFont('16px')" accesskey="3">大</a>

OK,这样即可以通过鼠标点击链接来更换大小,也可以通过按快捷键来实现。

评论: 1 | 引用: 0 | 查看次数: 4332
发表评论
登录后再发表评论!