可选网页文字大小代码

2013-09-11 00:02:11 -0700
可以让访客自己选择字体大小。转自新客网

使用方法: 把要控制的内容放在代码里<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">笑忘书网盘,收集各类HTML/JavaScript/CSS代码</div>

效果:
字体大小:

笑忘书网盘,收集各类HTML/JavaScript/CSS代码
«Newer      Older»
Comment:
Name:

Back to home

Subscribe | Register | Login | N